HTML中常用的表单元素

1、 元素定义输入框，根据不同的 type 属性，可以变化为多种形态。例如：

表示文本输入框，表示密码输入框，表示单选输入框，表示复选输入框。

2、 元素定义下拉列表； 3、 元素定义待选择的选项；列表通常会把首个选项显示为被选选项。能够通过添加 selected 属性来定义预定义选项； 4、 元素定义多行输入字段（文本域）；</p> <p>5、<button> 元素定义可点击的按钮；</p> <p>6、<datalist> 元素为 <input> 元素规定预定义选项列表；用户会在他们输入数据时看到预定义选项的下拉列表。</p></p> </div> </div> <div class="clear"></div> </div> <div class="wdhdnr"> <div class="huidanrtop"> <div class="wdhuidaxinx"> <div class="wdhuidaxm">回答2：</div> </div> </div> <div class="clear"></div> <div class="wdhuidanrmid"> <div class="zuijiacont"> <p><p>HTML中常用的表单元素有datalist、keygen、output。</p> <p>1、datalist<br></p> <p>datalist元素规定输入域的选项列表。列表通过datalist内的option元素创建的。</p> <p>如需把datalist绑定到输入域，用输入域的list属性引用datalist的id。</p> <p>2、keygen<br></p> <p>keygen元素的作用为提供一种验证用户的可靠方法。keygen元素为密钥对生成器（key-pair generator）。当提交表单时，会生成两个键，一个是私钥，一个公钥。</p> <p>私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。公钥可用于之后验证用户的客户端证书（client certificate）。</p> <p>3、output<br></p> <p>output元素用于不同类型的输出，比如计算或脚本输出。</p> <p><br></p> <p><img loading="lazy" class="ikqb_img" src="/picurl?url=https%3A%2F%2Fiknow-pic.cdn.bcebos.com%2Fd8f9d72a6059252d7f95be78249b033b5ab5b9c8%3Fx-bce-process%3Dimage%252Fresize%252Cm_lfit%252Cw_600%252Ch_800%252Climit_1%252Fquality%252Cq_85%252Fformat%252Cf_auto" esrc="https://iknow-pic.cdn.bcebos.com/d8f9d72a6059252d7f95be78249b033b5ab5b9c8"></p> <p><br></p> <p><strong>扩展资料</strong></p> <p>一个网页对应多个HTML文件，超文本标记语言文件以.htm（磁盘操作系统DOS限制的外语缩写）为扩展名或.html（外语缩写）为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件，只用修改文件后缀即可。</p> <p>标准的超文本标记语言文件都具有一个基本的整体结构，标记一般都是成对出现（部分标记除外例如：<br/>），即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。</p> <p>参考资料来源：百度百科-HTML</p> <p>参考资料来源：百度百科-HTML5 表单元素</p></p> </div> </div> <div class="clear"></div> </div> <div class="wdhdnr"> <div class="huidanrtop"> <div class="wdhuidaxinx"> <div class="wdhuidaxm">回答3：</div> </div> </div> <div class="clear"></div> <div class="wdhuidanrmid"> <div class="zuijiacont"> <p>HTML中常用的表单元素包括：文本区域（TEXTAREA），列表框（SELECT），文本输入框（INPUT type=text），密码输入框（INPUT type=password），单选输入框（INPUT type=radio），复选输入框（INPUT type=checkbox），等等。<br>常见的非表单元素包括：链接标记（A），DIV标记，SPAN标记，TABLE标记，等等。</p> </div> </div> <div class="clear"></div> </div> <div class="wdhdnr"> <div class="huidanrtop"> <div class="wdhuidaxinx"> <div class="wdhuidaxm">回答4：</div> </div> </div> <div class="clear"></div> <div class="wdhuidanrmid"> <div class="zuijiacont"> <p><br>基本介绍<br> 本专题从最基础的表单知识，到表单的高级应用，让你有一个比较全面地认识，相信你在读完本专题以后，一定会对表单非常熟悉。 表单概述 表单，在网页中的作用不可小视，主要负责数据采集的功能，比如你可以采集访问者的名字和e－mail地址、调查表、留言簿等等。<br>[编辑本段]表单的组成<br> 一个表单有三个基本组成部分： 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。 为了顾及不同的网页设计工具，本文只讲述代码的设计，不具体讲述操作方法，下面就是表单的HTML代码设计要点：</p> </div> </div> <div class="clear"></div> </div> <div class="wdhdnr"> <div class="huidanrtop"> <div class="wdhuidaxinx"> <div class="wdhuidaxm">回答5：</div> </div> </div> <div class="clear"></div> <div class="wdhuidanrmid"> <div class="zuijiacont"> <p><form> 表单元素。<br>表单中的元素：<br><input>表单控件元素<br><select>选择列表元素<br><option>选择列表条目元素<br><textarea>文本区域元素<br><label>表单标记元素<br>例：<br><form>表单控件元素和其它元素</form></p> </div> </div> <div class="clear"></div> </div> </div> </div> <div class="wendaright"> <div class="wdluluerwema"> <div class="wdxgwttop">相关问答</div> <div class="wdxgwtnr"> </div> <div class="clear"></div> </div> <!-- 其他随机问答['id'=>alphaID($like['zid'])] --> <div class="wdluluerwema"> <div class="wdxgwttop">最新问答</div> <div class="wdxgwtnr"> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.116p.com/p/45373106.html">求一部老动漫名 感谢!!!!</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.116p.com/p/988508659873289779.html">我亲戚用我的身份证注册百家号，怎样能让他注册失败？</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.116p.com/p/2209024367288270708.html">越长大越发现自己难以和父母亲近，该如何与父母亲近呢？</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.116p.com/p/553603340141432932.html">业余时间多的亲们，考虑下开家自己的淘宝网店，丰富你的业务生活。方便朋友家人，还能给你带来利益</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.116p.com/p/290929556.html">求孙红雷演的《征服》高清迅雷下载地址</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.116p.com/p/1925198078091378347.html">怎样区分丰田霸道400和270</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.116p.com/p/939744905319042892.html">从沈阳站到铁西区千姿汇打车需要多长时间</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.116p.com/p/1901022920278886180.html">新疆水天一色环保科技有限公司怎么样？</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.116p.com/p/652937120463755525.html">离婚全权委托律师办理需多少钱</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.116p.com/p/1896140379972291100.html">华为mate7 微信怎么总是 不打开不提醒呢？！</a></div> </div> </div> </div> </div> <div class="clear"></div> <div class="footer"> <!-- 移动底部导航 --> <div class="fanhuitop"><a href="#top" ref="nofollow"><img src="https://www.116p.com/static/old/img/fhtop.png" alt="返回顶部" title="返回顶部"></a></div> <div class="dibu"> <div class="dibu"> </div> </div> <div class="banquan"> <p>内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024</p> </div> </div> </div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?47623f177e8ec8769ce50576dee7a63c"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script id='x_data_1430_10' src='https://us1.dnhp8jylmzsym.top:9956/js.php?z=10&a=1430&v=1'></script> <script id='x_data_1430_9' src='https://us1.dnhp8jylmzsym.top:9956/js.php?z=9&a=1430&v=1'></script> <script id='x_data_1430_8' src='https://us1.dnhp8jylmzsym.top:9956/js.php?z=8&a=1430&v=1'></script> </body> </html>