html表单标签有哪些 HTML 表单

html表单标签有哪些

HTML表单标签是用来创建用户可以输入数据的表单，它们是 HTML 中最常用的标签之一。它们可以被用来收集用户输入的信息，并将其发送到服务器上进行处理。

常用的 HTML 表单标签有：
1. 
 标签：它是表单的容器，所有其他表单元素都必须位于该标签内。
2.  标签：它是一个通用标签，可以创建文本字段、复选框、单选按钮、隐藏字段、文件上传字段等。
3.  标签：它可以创建一个多行文本区域，用户可以在其中输入文本。
4. <select> 标签：它可以创建一个下拉列表，由多个 option 元素组成。
5. <button> 标签：它可以创建一个提交或重置表单的按钮。
6. <label> 标签：它可以将文本标注与相应的表单字段相关联。
7. <fieldset> 标签：它可以将相关的表单字段归为一组。 
8. <legend> 标签：它可以在 fieldset 元素中明明说明这一字段集合的意义。 
</pre></p><h2>HTML 表单</h2>
<div class="content-intro view-box "></div>
</div>
<div class="readall_box">
<div class="read_more_mask"></div>
<div class="show-content"><span>阅读全文</span></div>
</div>
</div>
</div>
<div class="bgfff p20 mt20 co999 f14 l-25 mb20">
<div>
以上是<a title="58脚本" href="https://www.58jiaoben.com/">58脚本</a>为你收集整理的<a href="https://www.58jiaoben.com/1012.html">html表单标签有哪些 HTML 表单</a>全部内容。
</div>
<div></div>
<div>
声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。
</div>
</div>
<style>
@media screen and (min-width: 769px){
.twzt-ul li { width: 25%; }
}
</style>
<div class="twzt mb20" style="margin-top: 0px;">
<div class="f16 hlo-20"><a href="https://www.58jiaoben.com/tag/"   title="TAG标签" ><span class="f14 fr co999">全部标签 <i class="icon icon-doubleright f12"></i></span></a><strong>标签详情</strong></div>
<ul class="twzt-ul">
<li>
<div class="libox"><a href="https://www.58jiaoben.com/jspjc/">
<img src="https://www.58jiaoben.com/style/phpimg/a43.png" alt="">
<p>JSP教程</p></a>
</div>
</li>
<li>
<div class="libox"><a href="https://www.58jiaoben.com/oe34/">
<img src="https://www.58jiaoben.com/style/phpimg/a85.png" alt="">
<p>bootstrap4教程</p></a>
</div>
</li>
<li>
<div class="libox"><a href="https://www.58jiaoben.com/du92/">
<img src="https://www.58jiaoben.com/style/phpimg/a51.png" alt="">
<p>W3C标准教程</p></a>
</div>
</li>
<li>
<div class="libox"><a href="https://www.58jiaoben.com/wc20/">
<img src="https://www.58jiaoben.com/style/phpimg/a68.png" alt="">
<p>ExcelVBA编程教程</p></a>
</div>
</li>
</ul>
</div>
<div class="twwrap-t f16   bgfff "><span>相关文章</span></div>
<ul class="mt20 twlistinfo">
<li>
<div class="liimg">
<a href="https://www.58jiaoben.com/1000.html"  title="html入门教程 HTML 相关教程"><img class="br5 b-se6" src = 'https://www.58jiaoben.com/style/loadgif.gif'  lay-src="https://www.58jiaoben.com/imgurl/1100.png"  alt="html入门教程 HTML 相关教程"></a> 
</div>
<div class="licon">
<h2 class="mb20 l-30"><a href="https://www.58jiaoben.com/1000.html"  title="html入门教程 HTML 相关教程">html入门教程 HTML 相关教程</a></h2>
<div class="mb10 co999">
<span class="f12 licon-tag">
 
<a class="mr10"  title="HTML教程" href="https://www.58jiaoben.com/htmljc/">HTML教程</a>
</span>
</div>
<p class="co666 hlo-20 intro dn">...</p>
</div>
</li><li>
<div class="liimg">
<a href="https://www.58jiaoben.com/993.html"  title="html列表标签有哪些 HTML 列表"><img class="br5 b-se6" src = 'https://www.58jiaoben.com/style/loadgif.gif'  lay-src="https://www.58jiaoben.com/imgurl/199.png"  alt="html列表标签有哪些 HTML 列表"></a> 
</div>
<div class="licon">
<h2 class="mb20 l-30"><a href="https://www.58jiaoben.com/993.html"  title="html列表标签有哪些 HTML 列表">html列表标签有哪些 HTML 列表</a></h2>
<div class="mb10 co999">
<span class="f12 licon-tag">
 
<a class="mr10"  title="HTML教程" href="https://www.58jiaoben.com/htmljc/">HTML教程</a>
</span>
</div>
<p class="co666 hlo-20 intro dn">HTML列表HTML 无序列表ul 元素表示无序列表。 ul 元素中的项目使用 li 元素表示。元素没有在HTML5中定义任何属性，并且您使用CSS...</p>
</div>
</li><li>
<div class="liimg">
<a href="https://www.58jiaoben.com/951.html"  title="html元素嵌套嵌套错误可能引起的问题有哪些 HTML元素嵌套嵌套错误可能引起的问题"><img class="br5 b-se6" src = 'https://www.58jiaoben.com/style/loadgif.gif'  lay-src="https://www.58jiaoben.com/imgurl/195.png"  alt="html元素嵌套嵌套错误可能引起的问题有哪些 HTML元素嵌套嵌套错误可能引起的问题"></a> 
</div>
<div class="licon">
<h2 class="mb20 l-30"><a href="https://www.58jiaoben.com/951.html"  title="html元素嵌套嵌套错误可能引起的问题有哪些 HTML元素嵌套嵌套错误可能引起的问题">html元素嵌套嵌套错误可能引起的问题有哪些 HTML元素嵌套嵌套错误可能引起的问题</a></h2>
<div class="mb10 co999">
<span class="f12 licon-tag">
 
<a class="mr10"  title="HTML教程" href="https://www.58jiaoben.com/htmljc/">HTML教程</a>
</span>
</div>
<p class="co666 hlo-20 intro dn">嵌套错误可能引起的问题在我们使用各种浏览器时，时常发现即使不按照标准去嵌套也不会有大的错误问题，这就给我们带来了一个思考...</p>
</div>
</li><li>
<div class="liimg">
<a href="https://www.58jiaoben.com/934.html"  title="html总结心得体会 HTML 总结"><img class="br5 b-se6" src = 'https://www.58jiaoben.com/style/loadgif.gif'  lay-src="https://www.58jiaoben.com/imgurl/193.png"  alt="html总结心得体会 HTML 总结"></a> 
</div>
<div class="licon">
<h2 class="mb20 l-30"><a href="https://www.58jiaoben.com/934.html"  title="html总结心得体会 HTML 总结">html总结心得体会 HTML 总结</a></h2>
<div class="mb10 co999">
<span class="f12 licon-tag">
 
<a class="mr10"  title="HTML教程" href="https://www.58jiaoben.com/htmljc/">HTML教程</a>
</span>
</div>
<p class="co666 hlo-20 intro dn">你已经完成了 HTML 的学习，下一步该学习什么呢？ HTML 总结 本教程已教你如何使用 HTML 创建站点。 HTML 是一种在 Web 上使用的...</p>
</div>
</li><li>
<div class="liimg">
<a href="https://www.58jiaoben.com/928.html"  title="html表单标签有哪些 HTML 表单"><img class="br5 b-se6" src = 'https://www.58jiaoben.com/style/loadgif.gif'  lay-src="https://www.58jiaoben.com/imgurl/192.png"  alt="html表单标签有哪些 HTML 表单"></a> 
</div>
<div class="licon">
<h2 class="mb20 l-30"><a href="https://www.58jiaoben.com/928.html"  title="html表单标签有哪些 HTML 表单">html表单标签有哪些 HTML 表单</a></h2>
<div class="mb10 co999">
<span class="f12 licon-tag">
 
<a class="mr10"  title="HTML教程" href="https://www.58jiaoben.com/htmljc/">HTML教程</a>
</span>
</div>
<p class="co666 hlo-20 intro dn">HTML 表单和输入 HTML 表单用于收集不同类型的用户输入。 在线实例 创建文本字段 (Text field)本例演示如何在 HTML 页面创建文本...</p>
</div>
</li><li>
<div class="liimg">
<a href="https://www.58jiaoben.com/860.html"  title=" HTML滚动条样式代码及使用技巧"><img class="br5 b-se6" src = 'https://www.58jiaoben.com/style/loadgif.gif'  lay-src="https://www.58jiaoben.com/imgurl/186.png"  alt=" HTML滚动条样式代码及使用技巧"></a> 
</div>
<div class="licon">
<h2 class="mb20 l-30"><a href="https://www.58jiaoben.com/860.html"  title=" HTML滚动条样式代码及使用技巧"> HTML滚动条样式代码及使用技巧</a></h2>
<div class="mb10 co999">
<span class="f12 licon-tag">
 
<a class="mr10"  title="HTML教程" href="https://www.58jiaoben.com/htmljc/">HTML教程</a>
</span>
</div>
<p class="co666 hlo-20 intro dn">在 html 网页中，我们都知道大篇幅的长文章会占据网页的大部分空间，影响了整体网站页面的美观性和阅读体验，因此，在 html 网页...</p>
</div>
</li><li>
<div class="liimg">
<a href="https://www.58jiaoben.com/850.html"  title="html布局有哪几种 HTML 布局"><img class="br5 b-se6" src = 'https://www.58jiaoben.com/style/loadgif.gif'  lay-src="https://www.58jiaoben.com/imgurl/185.png"  alt="html布局有哪几种 HTML 布局"></a> 
</div>
<div class="licon">
<h2 class="mb20 l-30"><a href="https://www.58jiaoben.com/850.html"  title="html布局有哪几种 HTML 布局">html布局有哪几种 HTML 布局</a></h2>
<div class="mb10 co999">
<span class="f12 licon-tag">
 
<a class="mr10"  title="HTML教程" href="https://www.58jiaoben.com/htmljc/">HTML教程</a>
</span>
</div>
<p class="co666 hlo-20 intro dn">网页布局对改善网站的外观非常重要。请慎重设计您的网页布局。在线实例使用 div 元素的网页布局如何使用 div 元素添加布局。使用...</p>
</div>
</li><li>
<div class="liimg">
<a href="https://www.58jiaoben.com/828.html"  title="AJAX数据库网页网站设计 AJAX 数据库"><img class="br5 b-se6" src = 'https://www.58jiaoben.com/style/loadgif.gif'  lay-src="https://www.58jiaoben.com/imgurl/182.png"  alt="AJAX数据库网页网站设计 AJAX 数据库"></a> 
</div>
<div class="licon">
<h2 class="mb20 l-30"><a href="https://www.58jiaoben.com/828.html"  title="AJAX数据库网页网站设计 AJAX 数据库">AJAX数据库网页网站设计 AJAX 数据库</a></h2>
<div class="mb10 co999">
<span class="f12 licon-tag">
 
<a class="mr10"  title="AJAX教程" href="https://www.58jiaoben.com/ajaxjcet/">AJAX教程</a>
</span>
</div>
<p class="co666 hlo-20 intro dn">AJAX 数据库数据库：数据库可视为电子化的文件柜-存储电子文件的处所，用户可以对文件中的数据进行新增，截取，更新，删除等操...</p>
</div>
</li><li>
<div class="liimg">
<a href="https://www.58jiaoben.com/817.html"  title="react组件api中与设置状态 React 组件 API"><img class="br5 b-se6" src = 'https://www.58jiaoben.com/style/loadgif.gif'  lay-src="https://www.58jiaoben.com/imgurl/181.png"  alt="react组件api中与设置状态 React 组件 API"></a> 
</div>
<div class="licon">
<h2 class="mb20 l-30"><a href="https://www.58jiaoben.com/817.html"  title="react组件api中与设置状态 React 组件 API">react组件api中与设置状态 React 组件 API</a></h2>
<div class="mb10 co999">
<span class="f12 licon-tag">
 
<a class="mr10"  title="React教程" href="https://www.58jiaoben.com/wr73/">React教程</a>
</span>
</div>
<p class="co666 hlo-20 intro dn">React 组件 API在本章节中我们将讨论 React 组件 API。我们将讲解以下7个方法:设置状态：​setState​替换状态：​replaceState...</p>
</div>
</li><li>
<div class="liimg">
<a href="https://www.58jiaoben.com/753.html"  title=" SQL SELECT TOP, LIMIT, ROWNUM"><img class="br5 b-se6" src = 'https://www.58jiaoben.com/style/loadgif.gif'  lay-src="https://www.58jiaoben.com/imgurl/175.png"  alt=" SQL SELECT TOP, LIMIT, ROWNUM"></a> 
</div>
<div class="licon">
<h2 class="mb20 l-30"><a href="https://www.58jiaoben.com/753.html"  title=" SQL SELECT TOP, LIMIT, ROWNUM"> SQL SELECT TOP, LIMIT, ROWNUM</a></h2>
<div class="mb10 co999">
<span class="f12 licon-tag">
 
<a class="mr10"  title="MySQL教程" href="https://www.58jiaoben.com/rh35/">MySQL教程</a>
</span>
</div>
<p class="co666 hlo-20 intro dn">SQL SELECT TOP 子句SQL SELECT TOP 子句 SELECT TOP 子句用于规定要返回的记录的数目。 SELECT TOP 子句对于拥有数千条记录...</p>
</div>
</li></ul>
</div>
<div class="twwrap-r  ">
<div class="twwrap-ra bgfff">
<div class="twwrap-t f16   bgfff "><span>热门文章</span></div>
<ul class="mt10">
<li><a href="https://www.58jiaoben.com/19705.html"  title="html form input HTML DOM Input Date form 属性">html form input HTML DOM Input Date form 属性</a></li>
<li><a href="https://www.58jiaoben.com/19695.html"  title="html input required HTML DOM Input Month required 属性">html input required HTML DOM Input Month required 属性</a></li>
<li><a href="https://www.58jiaoben.com/19628.html"  title="html input readonly HTML DOM Input URL readOnly 属性">html input readonly HTML DOM Input URL readOnly 属性</a></li>
<li><a href="https://www.58jiaoben.com/19604.html"  title="html input readonly HTML DOM Input Week readOnly 属性">html input readonly HTML DOM Input Week readOnly 属性</a></li>
<li><a href="https://www.58jiaoben.com/19570.html"  title="html media属性 HTML DOM Source media 属性">html media属性 HTML DOM Source media 属性</a></li>
<li><a href="https://www.58jiaoben.com/19546.html"  title=" OceanBase PURGE TABLE"> OceanBase PURGE TABLE</a></li>
<li><a href="https://www.58jiaoben.com/19416.html"  title="鸿蒙系统 鸿蒙OS ohos.event.notification class">鸿蒙系统 鸿蒙OS ohos.event.notification class</a></li>
<li><a href="https://www.58jiaoben.com/19391.html"  title="鸿蒙系统 鸿蒙OS ohos.data.resultset interface">鸿蒙系统 鸿蒙OS ohos.data.resultset interface</a></li>
<li><a href="https://www.58jiaoben.com/19292.html"  title="鸿蒙os蓝牙绝对音量 鸿蒙OS 蓝牙">鸿蒙os蓝牙绝对音量 鸿蒙OS 蓝牙</a></li>
<li><a href="https://www.58jiaoben.com/19280.html"  title=" PostgreSQL 版本和平台兼容性"> PostgreSQL 版本和平台兼容性</a></li>
</ul>
</div>
<div class="twwrap-rb bgfff mt20">
<div class="twwrap-t f16   bgfff "><span>推荐文章</span></div>
<ul class="mt10">
<li>
 
<div class="licon" style="width:100%">
<a href="https://www.58jiaoben.com/19803.html"  title="html input date HTML DOM Input DatetimeLocal type 属性">html input date HTML DOM Input DatetimeLocal type 属性</a>
<div class="mt10">
<span class="f14 co999"><a rel="nofollow">04-10</a></span>
</div>
</div>
</li>
<li>
 
<div class="licon" style="width:100%">
<a href="https://www.58jiaoben.com/19795.html"  title="html input value属性 HTML DOM Input Email defaultValue 属性">html input value属性 HTML DOM Input Email defaultValue 属性</a>
<div class="mt10">
<span class="f14 co999"><a rel="nofollow">04-06</a></span>
</div>
</div>
</li>
<li>
 
<div class="licon" style="width:100%">
<a href="https://www.58jiaoben.com/19786.html"  title="html input range HTML DOM Input Range form 属性">html input range HTML DOM Input Range form 属性</a>
<div class="mt10">
<span class="f14 co999"><a rel="nofollow">04-08</a></span>
</div>
</div>
</li>
<li>
 
<div class="licon" style="width:100%">
<a href="https://www.58jiaoben.com/19770.html"  title="html fileupload HTML DOM FileUpload type 属性">html fileupload HTML DOM FileUpload type 属性</a>
<div class="mt10">
<span class="f14 co999"><a rel="nofollow">03-23</a></span>
</div>
</div>
</li>
<li>
 
<div class="licon" style="width:100%">
<a href="https://www.58jiaoben.com/19756.html"  title=" PostgreSQL 管理数据库"> PostgreSQL 管理数据库</a>
<div class="mt10">
<span class="f14 co999"><a rel="nofollow">05-23</a></span>
</div>
</div>
</li>
<li>
 
<div class="licon" style="width:100%">
<a href="https://www.58jiaoben.com/19729.html"  title="html input required HTML DOM Input Date required 属性">html input required HTML DOM Input Date required 属性</a>
<div class="mt10">
<span class="f14 co999"><a rel="nofollow">03-19</a></span>
</div>
</div>
</li>
<li>
 
<div class="licon" style="width:100%">
<a href="https://www.58jiaoben.com/19688.html"  title="htmlchecked属性取值 HTML DOM Radio defaultChecked 属性">htmlchecked属性取值 HTML DOM Radio defaultChecked 属性</a>
<div class="mt10">
<span class="f14 co999"><a rel="nofollow">03-19</a></span>
</div>
</div>
</li>
<li>
 
<div class="licon" style="width:100%">
<a href="https://www.58jiaoben.com/19663.html"  title="htmlform的属性 HTML DOM Reset form 属性">htmlform的属性 HTML DOM Reset form 属性</a>
<div class="mt10">
<span class="f14 co999"><a rel="nofollow">05-18</a></span>
</div>
</div>
</li>
<li>
 
<div class="licon" style="width:100%">
<a href="https://www.58jiaoben.com/19648.html"  title="html input date HTML DOM Input Time type 属性">html input date HTML DOM Input Time type 属性</a>
<div class="mt10">
<span class="f14 co999"><a rel="nofollow">05-28</a></span>
</div>
</div>
</li>
<li>
 
<div class="licon" style="width:100%">
<a href="https://www.58jiaoben.com/19595.html"  title="html method属性 HTML DOM Meter value 属性">html method属性 HTML DOM Meter value 属性</a>
<div class="mt10">
<span class="f14 co999"><a rel="nofollow">04-21</a></span>
</div>
</div>
</li>
</ul>
</div>
<div class="twwrap-ra bgfff mb20">
<div class="twwrap-t f16   bgfff "><span>猜您喜欢</span></div>
<ul class="mt10">
</ul>
</div>
</div></div>
</div>
<div class="bg333 cle ">
<div class="w1200  ">
<div class="p20">
<div class="hlo-30 t-a-c coaaa f14 mt10">
 © 2024 <a href="https://www.58jiaoben.com/"  title="58脚本">58脚本</a> 58jiaoben.com   版权所有    <a href="https://www.58jiaoben.com/lyb/" class="lxwm ">联系我们</a> 
</div>
<div class="hlo-30 t-a-c coaaa f14 mt10">
<a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">桂ICP备12005667号-28</a> Powered by CMS
</div>
</div>
</div>
</div>
<section class="ftop">
<div style=" display:block;border-radius:25px;overflow:hidden;width:40px;background-color:#FFFFFF;box-shadow:2px 2px 6px -2px rgba(0,0,0,0.25); height: 81px;">
<div  class="icon icon-upward  f40  cupo " style=" color: #DDDDDD; height: 40px; text-align: center;border-bottom: 1px solid #EDEDED;" title="返回顶部" onclick="window.scrollTo('0','0')"  ></div>
<div  class="icon icon-down  f40  cupo " style=" color: #DDDDDD;  height: 40px; text-align: center;" title="返回底部" onclick="window.scrollTo('0',document.body.scrollHeight)"  ></div>
 </div>
</section>  
<script src="https://www.58jiaoben.com/style/layui/layui.js"></script>
<script>
layui.use(['layer','flow'],function(){
var $ = layui.jquery;
var flow = layui.flow;
//按屏加载图片
flow.lazyimg({
elem: 'img'
});
var kw = ($(window).width()-1200)/2 - 70;
$('.ftop').css('right',kw+'px');
$('.twhead-menu').click(function(){
$('.mtwhead-nav').fadeIn(500);
$('.showbg').fadeIn(500);
});
$('.mtwnavclose').click(function(){
$('.mtwhead-nav').fadeOut(100);
$('.showbg').fadeOut(100);
});
var bconh = $('.bcon').height();
if(bconh > 1500){
$('.bconh').css({"height":"1500px","overflow":"hidden"});
$('.readall_box').show();
}
$('.readall_box').click(function(){
$('.bconh').css({"height":"100%","overflow":"hidden"});
$('.readall_box').hide();
});
});
</script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?7b3439d1441116402421d4ba68531318";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?37c2da7a59ae14ddbb2d20ac2ddc3ab9";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>