您的位置：58脚本 > html表单标签有哪些 HTML 表单
html表单标签有哪些 HTML 表单

2023-03-11 00:32 HTML教程
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 class="row"><div class="col-lg-12"><h2 trans_replace="0" trans="1">HTML表单</h2><p trans_replace="0" trans="1"><span>表单是用于从用户收集输入的HTML机制。</span></p><p trans_replace="0" trans="1">要创建基本表单，您需要三个元素:<code>form</code>，<code>input</code>和<code>button</code>元素。</p><p trans_replace="0" trans="1"><span>下表显示了包含简单表单的HTML文档。</span></p><div class="codeDiv"><pre><code><!DOCTYPE HTML>
<html>
<body>
  <form method="post" action="http://example.com/form">
    <input name="name" />
    <button>Submit Vote</button>
  </form>
</body>
</html></code></pre></div><h2 id="Form" trans_replace="0" trans="1"></h2><h2>表单</h2><p trans_replace="0" trans="1">带有局部属性的表单元素:<code> action，method，enctype，name，accept-charset，novalidate，target，autocomplete</code>，在HTML页面中创建一个表单。</p><p trans_replace="0" trans="1"><code>novalidate </code>和<code>autocomplete</code>属性在HTML5中是新增的。</p><h2 id="Form_HTTP_method" trans_replace="0" trans="1">表单HTTP方法</h2><p trans_replace="0" trans="1"><code>method</code>属性指定将使用哪个HTTP方法将表单数据发送到服务器。</p><p trans_replace="0" trans="1">允许的值为<code> get </code>和<code> post </code>，它们对应于HTTP GET和POST方法。</p><p trans_replace="0" trans="1">method属性的默认值为<code> get </code>。</p><p trans_replace="0" trans="1">以下代码设置表单的<code> post </code>值。</p><pre><form method="post" action="http://example.com/form">
</pre><p trans_replace="0" trans="1">对于<code> GET </code>请求，<span>您可以多次提出相同的请求。</span></p><p trans_replace="0" trans="1"><code> GET </code>请求<span>应该用于所有只读信息检索。</span></p><p trans_replace="0" trans="1"><code> POST </code>请求用于不安全的互动，其中提交数据的行为改变了某种状态。</p><p trans_replace="0" trans="1"><code> POST </code>请求应用于任何更改应用程序状态的操作。</p><div><br><br></div></div></div></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/984.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/httpjc/">
<img src="https://www.58jiaoben.com/style/phpimg/a50.png" alt="">
<p>HTTP教程</p></a>
</div>
</li>
<li>
<div class="libox"><a href="https://www.58jiaoben.com/load/">
<img src="https://www.58jiaoben.com/style/phpimg/a38.png" alt="">
<p>LOAD</p></a>
</div>
</li>
<li>
<div class="libox"><a href="https://www.58jiaoben.com/biaojichu/">
<img src="https://www.58jiaoben.com/style/phpimg/a66.png" alt="">
<p>表基础</p></a>
</div>
</li>
<li>
<div class="libox"><a href="https://www.58jiaoben.com/iu05/">
<img src="https://www.58jiaoben.com/style/phpimg/a47.png" alt="">
<p>TypeScript教程</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/978.html"  title="html表单输出框 HTML 表单输出"><img class="br5 b-se6" src = 'https://www.58jiaoben.com/style/loadgif.gif'  lay-src="https://www.58jiaoben.com/imgurl/197.png"  alt="html表单输出框 HTML 表单输出"></a> 
</div>
<div class="licon">
<h2 class="mb20 l-30"><a href="https://www.58jiaoben.com/978.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表单输出输出元素表示计算的结果。它有局部属性:name，form，for。下面的代码显示了正在使用的输出元素。!DOCTYPE HTMLhtmlb...</p>
</div>
</li><li>
<div class="liimg">
<a href="https://www.58jiaoben.com/943.html"  title="html文档的基本结构 HTML 文档"><img class="br5 b-se6" src = 'https://www.58jiaoben.com/style/loadgif.gif'  lay-src="https://www.58jiaoben.com/imgurl/194.png"  alt="html文档的基本结构 HTML 文档"></a> 
</div>
<div class="licon">
<h2 class="mb20 l-30"><a href="https://www.58jiaoben.com/943.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">!DOCTYPE 声明Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。HTML 也有多个不同的版本，只有完...</p>
</div>
</li><li>
<div class="liimg">
<a href="https://www.58jiaoben.com/879.html"  title=" 为什么要使用XHTML？"><img class="br5 b-se6" src = 'https://www.58jiaoben.com/style/loadgif.gif'  lay-src="https://www.58jiaoben.com/imgurl/187.png"  alt=" 为什么要使用XHTML？"></a> 
</div>
<div class="licon">
<h2 class="mb20 l-30"><a href="https://www.58jiaoben.com/879.html"  title=" 为什么要使用XHTML？"> 为什么要使用XHTML？</a></h2>
<div class="mb10 co999">
<span class="f12 licon-tag">
 
<a class="mr10"  title="XHTML教程" href="https://www.58jiaoben.com/jp57/">XHTML教程</a>
</span>
</div>
<p class="co666 hlo-20 intro dn">为什么要使用XHTML？XHTML 是 HTML(超文本标记语言) 与 XML（扩展标记语言）的结合物。XHTML 包含了所有与 XML 语法结合的 HTML ...</p>
</div>
</li><li>
<div class="liimg">
<a href="https://www.58jiaoben.com/836.html"  title=" Ajax XMLHttpRequest"><img class="br5 b-se6" src = 'https://www.58jiaoben.com/style/loadgif.gif'  lay-src="https://www.58jiaoben.com/imgurl/183.png"  alt=" Ajax XMLHttpRequest"></a> 
</div>
<div class="licon">
<h2 class="mb20 l-30"><a href="https://www.58jiaoben.com/836.html"  title=" Ajax XMLHttpRequest"> Ajax XMLHttpRequest</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 XMLHttpRequestXMLHttpRequest 对象是 Ajax 的关键。它从 2000 年 7 月发布的 IE 5.5 开始可用，但是直到 2005 年 Ajax 和 ...</p>
</div>
</li><li>
<div class="liimg">
<a href="https://www.58jiaoben.com/794.html"  title=" postgresql和mysql哪个好"><img class="br5 b-se6" src = 'https://www.58jiaoben.com/style/loadgif.gif'  lay-src="https://www.58jiaoben.com/imgurl/179.png"  alt=" postgresql和mysql哪个好"></a> 
</div>
<div class="licon">
<h2 class="mb20 l-30"><a href="https://www.58jiaoben.com/794.html"  title=" postgresql和mysql哪个好"> postgresql和mysql哪个好</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">postgresql和mysql都是免费且功能强大的开源数据库，很多用户面对这两个库都会有一个问题，那就是哪一个才是最好的开源数据库，M...</p>
</div>
</li><li>
<div class="liimg">
<a href="https://www.58jiaoben.com/781.html"  title="mysql 扩展 MySQL 拓展阅读"><img class="br5 b-se6" src = 'https://www.58jiaoben.com/style/loadgif.gif'  lay-src="https://www.58jiaoben.com/imgurl/178.png"  alt="mysql 扩展 MySQL 拓展阅读"></a> 
</div>
<div class="licon">
<h2 class="mb20 l-30"><a href="https://www.58jiaoben.com/781.html"  title="mysql 扩展 MySQL 拓展阅读">mysql 扩展 MySQL 拓展阅读</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">...</p>
</div>
</li><li>
<div class="liimg">
<a href="https://www.58jiaoben.com/779.html"  title="sqlwhere多个条件 SQL WHERE 子句"><img class="br5 b-se6" src = 'https://www.58jiaoben.com/style/loadgif.gif'  lay-src="https://www.58jiaoben.com/imgurl/177.png"  alt="sqlwhere多个条件 SQL WHERE 子句"></a> 
</div>
<div class="licon">
<h2 class="mb20 l-30"><a href="https://www.58jiaoben.com/779.html"  title="sqlwhere多个条件 SQL WHERE 子句">sqlwhere多个条件 SQL WHERE 子句</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 WHERE 子句WHERE 子句用于过滤记录。SQL WHERE 子句 WHERE 子句用于提取那些满足指定标准的记录。 SQL WHER...</p>
</div>
</li><li>
<div class="liimg">
<a href="https://www.58jiaoben.com/700.html"  title=" SQL CREATE TABLE 语句"><img class="br5 b-se6" src = 'https://www.58jiaoben.com/style/loadgif.gif'  lay-src="https://www.58jiaoben.com/imgurl/170.png"  alt=" SQL CREATE TABLE 语句"></a> 
</div>
<div class="licon">
<h2 class="mb20 l-30"><a href="https://www.58jiaoben.com/700.html"  title=" SQL CREATE TABLE 语句"> SQL CREATE TABLE 语句</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 CREATE TABLE 语句SQL CREATE TABLE 语句 CREATE TABLE 语句用于创建数据库中的表。 表由行和列组成，每个表都必须有个表名...</p>
</div>
</li><li>
<div class="liimg">
<a href="https://www.58jiaoben.com/686.html"  title=" SQL NOT NULL 约束"><img class="br5 b-se6" src = 'https://www.58jiaoben.com/style/loadgif.gif'  lay-src="https://www.58jiaoben.com/imgurl/168.png"  alt=" SQL NOT NULL 约束"></a> 
</div>
<div class="licon">
<h2 class="mb20 l-30"><a href="https://www.58jiaoben.com/686.html"  title=" SQL NOT NULL 约束"> SQL NOT NULL 约束</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 NOT NULL 约束在默认的情况下，表的列接受 NULL 值。SQL NOT NULL 约束 NOT NULL 约束强制列不接受 NULL 值。 NOT NULL 约束...</p>
</div>
</li><li>
<div class="liimg">
<a href="https://www.58jiaoben.com/665.html"  title=" SQL FULL OUTER JOIN 关键字"><img class="br5 b-se6" src = 'https://www.58jiaoben.com/style/loadgif.gif'  lay-src="https://www.58jiaoben.com/imgurl/166.png"  alt=" SQL FULL OUTER JOIN 关键字"></a> 
</div>
<div class="licon">
<h2 class="mb20 l-30"><a href="https://www.58jiaoben.com/665.html"  title=" SQL FULL OUTER JOIN 关键字"> SQL FULL OUTER JOIN 关键字</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 FULL OUTER JOIN 关键字SQL FULL OUTER JOIN 关键字 FULL OUTER JOIN 关键字只要左表（table1）和右表（table2）其中一个表...</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>