html中有哪些表单标签

这篇文章主要介绍html中有哪些表单标签，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

创新互联-专业网站定制、快速模板网站建设、高性价比宣恩网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式宣恩网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖宣恩地区。费用合理售后完善，10多年实体公司更值得信赖。

html表单标记：“

”、“”、“”、“<label>”、“<fieldset>”、“<legend>”、“<select>”、“<option>”、“<button>”、“<output>”等。</p></blockquote><p>本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。</p><p>HTML 表单用于收集不同类型的用户输入。表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。</p><p><strong>html表单的标记：</strong></p><table class="reference"><tbody><trl><th align="left">标记</th><th align="left">描述</th></tr><tr><td><form></td><td>定义供用户输入的表单</td></tr><tr><td><input></td><td>定义输入域</td></tr><tr><td><textarea></td><td>定义文本域 (一个多行的输入控件)</td></tr><tr><td><label></td><td>定义了 <input> 元素的标签，一般为输入标题</td></tr><tr><td><fieldset></td><td>定义了一组相关的表单元素，并使用外框包含起来</td></tr><tr><td><legend></td><td>定义了  <fieldset> 元素的标题</td></tr><tr><td><select></td><td>定义了下拉选项列表</td></tr><tr><td><optgroup></td><td>定义选项组</td></tr><tr><td><option></td><td>定义下拉列表中的选项</td></tr><tr><td><button></td><td>定义一个点击按钮</td></tr><tr><td><datalist></td><td>指定一个预先定义的输入控件选项列表</td></tr><tr><td><keygen></td><td>定义了表单的密钥对生成器字段</td></tr><tr><td><output></td><td>定义一个计算结果</td></tr></tbody></table><p><strong>扩展资料：<input> 元素</strong></p><p><input> 元素是最重要的表单元素。</p><p><input> 元素有很多形态，根据不同的 type 属性。</p><p>1、文本域（Text Fields）</p><p>文本域通过<input type="text"> 标签来设定，当用户要在表单中键入字母、数字等内容时，就会用到文本域。</p><pre><form> First name: <input type="text" name="firstname"><br> Last name: <input type="text" name="lastname"> </form></pre><p>注意:表单本身并不可见。同时，在大多数浏览器中，文本域的默认宽度是 20 个字符。</p><p>2、密码字段</p><p>密码字段通过标签<input type="password"> 来定义:</p><pre><form> Password: <input type="password" name="pwd"> </form></pre><p>注意:密码字段字符不会明文显示，而是以星号或圆点替代。</p><p>3、单选按钮（Radio Buttons）</p><p><input type="radio"> 标签定义了表单单选框选项</p><pre><form> <input type="radio" name="sex" value="male">Male<br> <input type="radio" name="sex" value="female">Female </form></pre><p>4、复选框（Checkboxes）</p><p><input type="checkbox"> 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。</p><pre><form> <input type="checkbox" name="vehicle" value="Bike">I have a bike<br> <input type="checkbox" name="vehicle" value="Car">I have a car </form></pre><p>5、提交按钮(Submit Button)</p><p><input type="submit"> 定义了提交按钮.</p><p>当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。:</p><pre><form name="input" action="html_form_action.php" method="get"> Username: <input type="text" name="user"> <input type="submit" value="Submit"> </form></pre><p>以上是“html中有哪些表单标签”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！</p> <br> 分享标题：html中有哪些表单标签 <br> 网站路径：<a href="http://bzwzjz.com/article/piejed.html">http://bzwzjz.com/article/piejed.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/dgijh.html">孙尚香是怎么死的跳河自尽是不是真的</a> </li><li> <a href="/article/dgggp.html">背痛是什么(后背中间痛)</a> </li><li> <a href="/article/dggso.html">王僧辩是什么来历？他的一生是什么样的？</a> </li><li> <a href="/article/dgggs.html">Cookie有什么作用</a> </li><li> <a href="/article/dgggc.html">解决阿里云ssh远程连接短时间就会断掉的问题</a> </li> </ul> </div> </div> <div class="footer2"> Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号 <br />友情链接： <a href="http://www.bzwzjz.com/" target="_blank">成都网站设计制作公司 </a><a href="http://www.bzwzjz.com/serve/" target="_blank">专业网站设计 </a><a href="https://www.cdcxhl.com/zhizuo/chengdu.html" target="_blank">四川成都网站制作 </a><a href="https://www.cdcxhl.com/h5.html" target="_blank">成都h5网站建设 </a><a href="http://www.cdkjz.cn/" target="_blank">高端网站设计 </a><a href="http://www.bzwzjz.com/" target="_blank">专业网站建设 </a><a href="http://m.cdcxhl.cn/qiye/" target="_blank">企业网站建设 </a><a href="http://chengdu.cdcxhl.cn/qiye/" target="_blank">企业网站制作 </a><a href="https://www.cdcxhl.com/yingxiao.html" target="_blank">成都营销网站建设 </a><a href="http://m.cdcxhl.cn/seo/" target="_blank">成都网站建设 </a><a href="http://m.cdcxhl.cn/H5/" target="_blank">响应式网站建设 </a><a href="http://chengdu.cdcxhl.cn/qiye/" target="_blank">企业网站建设公司 </a><a href="http://www.kswcd.com/" target="_blank">成都企业网站设计 </a><a href="http://www.kswcd.com/mobile/" target="_blank">手机网站建设 </a><a href="https://www.cdxwcx.com/wangzhan/mbqiye.html" target="_blank">成都企业网站制作 </a><a href="http://www.cdkjz.cn/" target="_blank">网站建设 </a><a href="http://www.ybwzjz.com/" target="_blank">宜宾网站设计 </a><a href="http://chengdu.cdcxhl.cn/" target="_blank">成都网站建设 </a><a href="https://www.cdxwcx.com/wangzhan/pinpai.html" target="_blank">高端品牌网站建设 </a><a href="http://www.scgulin.cn/" target="_blank">古蔺网站建设 </a><a href="http://www.cdweb.net/" target="_blank">成都网站建设 </a><a href="http://www.cxhljz.com/" target="_blank">成都做网站建设公司 </a></div> </body> </html> <script src="/Public/Home/js/wow.min.js"></script> <script> if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) { new WOW().init(); }; </script> <div class="sidebar"> <ul> <li><a href="http://wpa.qq.com/msgrd?v=3&uin=244261566&site=www.bzwzjz.com&menu=yes" target="_blank"><img src="/Public/Home/images/right_qq.png" /></a></li> <li><a href="http://wpa.qq.com/msgrd?v=3&uin=1683211881&site=www.bzwzjz.com&menu=yes" target="_blank"><img src="/Public/Home/images/qq.png" /></a></li> <li class="tel"><a href="tel:028-86922220"><img src="/Public/Home/images/right_tel.png" /></a></li> <div class="wx"> <span class="weixin"><img src="/Public/Home/images/weixin.jpg"><br> 微信扫一扫在线咨询</span> </div> <li><a class="fx" href="#hero"><img src="/Public/Home/images/right_up.png" /></a></li> </ul> </div> <script type="text/javascript"> $(function () { $('.sidebar .fx').click(function () { $('html,body').animate({ scrollTop: '0px' }, 800); }); }); </script> <script type="text/javascript"> $(document).ready(function () { $("#fancybox-manual-b").click(function () { $.fancybox.open({ href: 'map.html', type: 'iframe', padding: 5 }); }) }); </script> <script> $(".con img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>