这篇文章主要介绍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://sczitong.cn/article/piejed.html">http://sczitong.cn/article/piejed.html</a> </div> <div class="hot_new"> <div class="page_title clearfix"> <h3>其他资讯</h3> </div> <div class="news_list clearfix"> <ul> <li> <a href="/article/piepsc.html">如何将SpringBoot网站升级为HTTPS</a> </li><li> <a href="/article/piejpi.html">python入门学习</a> </li><li> <a href="/article/piepcd.html">09-01-部署前端服务器-8-验证拓朴</a> </li><li> <a href="/article/piepco.html">如何进行MV-Sketch的分析</a> </li><li> <a href="/article/piejpp.html">PHP如何判断身份证号</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- 底部信息 --> <div class="footer wow fadeInUp"> <div class="rowFluid"> <div class="span12"> <div class="container"> <div class="footer_content"> <div class="span4 col-xm-12"> <div class="footer_list"> <div class="span6"> <div class="bottom_logo"><img src="/Public/Home/images/ewm.jpg" alt="微信服务号二维码" /></div> </div> <div class="span6 col-xm-12"> <div class="quick_navigation"> <div class="quick_navigation_title">快速导航</div> <ul> <li><a href="https://www.cdcxhl.com/idc/gadx.html" title="贵安服务器托管" target="_blank">贵安服务器托管</a></li><li><a href="http://www.cqcxhl.com/" title="网站建设" target="_blank">网站建设</a></li><li><a href="https://www.cdcxhl.com/weihu/chengdu.html" title="成都网站维护公司" target="_blank">成都网站维护公司</a></li><li><a href="http://m.cdxwcx.com/xcx.html" title="成都小程序开发" target="_blank">成都小程序开发</a></li><li><a href="http://www.lzluxian.com/" title="正泰动物" target="_blank">正泰动物</a></li><li><a href="http://www.zcwyxf.cn/" title="成都众诚伟业" target="_blank">成都众诚伟业</a></li><li><a href="https://www.cdcxhl.com/ssl/chengdu.html" title="成都ssl证书认证" target="_blank">成都ssl证书认证</a></li> </ul> </div> </div> </div> </div> <div class="span4 col-xm-6 col-xs-12"> <div class="footer_list"> <div class="footer_link"> <div class="footer_link_title">友情链接</div> <ul id="frientLinks"> <a href="https://www.cdcxhl.com/" title="网站制作" target="_blank">网站制作</a> <a href="https://www.cdcxhl.com/" title="网站建设" target="_blank">网站建设</a> <a href="https://www.cdxwcx.com/tuiguang/" title="成都网络推广" target="_blank">网络推广</a> <a href="http://seo.cdkjz.cn/" title="成都网站推广" target="_blank">网站推广</a> <a href="https://www.cdcxhl.com/xiaochengx.html" title="成都微信小程序开发" target="_blank">小程序开发</a> <a href="https://www.cdcxhl.com/menu.html" title="创新互联网站栏目导航" target="_blank">网站导航</a> </ul> <div class="footer_link_title">网站建设</div> <ul id="frientLinks"> <li><a href="/">梓潼大橙子建站</a></li> <li><a href="https://www.cdcxhl.com/menu.html" title="创新互联网站栏目导航" target="_blank">网站导航</a></li> </ul> </div> </div> </div> <div class="span4 col-xm-6 col-xs-12"> <div class="footer_list"> <div class="footer_cotact"> <div class="footer_cotact_title">联系方式</div> <ul> <li><span class="footer_cotact_type">企业：</span><span class="footer_cotact_content">青羊区大橙子信息咨询工作室</span></li> <li><span class="footer_cotact_type">地址：</span><span class="footer_cotact_content">成都市青羊区太升南路288号</span></li> <li><span class="footer_cotact_type">电话：</span><span class="footer_cotact_content"><a href="tel:18980820575" class="call">18980820575</a></span></li> <li><span class="footer_cotact_type">网址：</span><span class="footer_cotact_content"><a href="/" title="梓潼网站建设">www.sczitong.cn</a></span></li> </ul> </div> </div> </div> </div> </div> <div class="copyright"> <p>公司名称：青羊区大橙子信息咨询工作室 联系电话：18980820575</p> <p><a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">网站备案号：蜀ICP备2022028542号-23</a></p> <p>梓潼大橙子建站 梓潼网站建设 梓潼网站设计 梓潼网站制作 <a href="http://www.cdxwcx.cn/" target="_blank">成都做网站</a></p> </div> </div> </div> </div> </body> </html> <script> $(".technical_support_box_z_info_box 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>