form标签与属性

标签用于创建供用户输入的 HTML 表单。

元素包含一个或多个如下的表单元素：

</li> <li><button></li> <li><select></li> <li><option></li> <li><optgroup></li> <li><fieldset></li> <li><label></li> </ul> <p>HTML5 新增了两个新的属性：autocomplete 和 novalidate</p> <p style="text-align: center"></p> <table id="table1" class="reference notranslate"> <tbody> <tr style="background-color: rgba(7, 247, 247, 1)"><th style="text-align: center" align="left" width="20%"><strong>属性</strong></th><th align="left" width="37%">值</th><th align="left" width="43%">描述</th></tr> <tr> <td>accept</td> <td><em>MIME_type</em></td> <td><span class="deprecated">HTML5 不支持。规定服务器接收到的文件的类型。（文件是通过文件上传提交的）</span></td> </tr> <tr> <td>accept-charset</td> <td><em>character_set</em></td> <td>规定服务器可处理的表单数据字符集。</td> </tr> <tr> <td>action</td> <td><em>URL</em></td> <td>规定当提交表单时向何处发送表单数据。</td> </tr> <tr> <td>autocomplete<span class="new">New</span></td> <td>on<br>off</td> <td>规定是否启用表单的自动完成功能。</td> </tr> <tr> <td>enctype</td> <td>application/x-www-form-urlencoded<br>multipart/form-data<br>text/plain</td> <td>规定在向服务器发送表单数据之前如何对其进行编码。（适用于 method="post" 的情况）</td> </tr> <tr> <td>method</td> <td>get<br>post</td> <td>规定用于发送表单数据的 HTTP 方法。</td> </tr> <tr> <td>name</td> <td><em>text</em></td> <td>规定表单的名称。</td> </tr> <tr> <td>novalidate<span class="new">New</span></td> <td>novalidate</td> <td>如果使用该属性，则提交表单时不进行验证。</td> </tr> <tr> <td>target</td> <td>_blank<br>_self<br>_parent<br>_top</td> <td>规定在何处打开 action URL。</td> </tr> </tbody> </table> <p> enctype 属性规定在将表单数据发送到服务器之前如何对其进行编码。</p> <table class="reference notranslate"> <tbody> <tr><th width="40%">值</th><th width="60%">描述</th></tr> <tr> <td>application/x-www-form-urlencoded</td> <td>默认。在发送前对所有字符进行编码（将空格转换为 "+" 符号，特殊字符转换为 ASCII HEX 值）。</td> </tr> <tr> <td>multipart/form-data</td> <td>不对字符编码。当使用有文件上传控件的表单时，该值是必需的。</td> </tr> <tr> <td>text/plain</td> <td>将空格转换为 "+" 符号，但不编码特殊字符。</td> </tr> </tbody> </table> </div>  <div class="p-2"></div> <div class="arcinfo my-3 fs-7 text-center"> <a href='/t/etagid263-0.html' class='tagbtn' target='_blank'>html</a> </div> <div class="p-2"></div> </div> <div class="p-2"></div>  <div class="lbox p-4 shadow-sm rounded-3"> <div class="boxtitle"><h2 class="fs-4">相关</h2></div> <hr> <div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-566535.html">html标签</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-564642.html">HTML和CSS</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-561490.html">HTML表单</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-558169.html">HTML5新增</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-557384.html">Jmeter+ant实现自动生成基于HTML报告及自动发送邮件</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-555707.html">Python 发送HTML格式的邮件</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-555700.html">shell 拼接html table 发送邮件</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-555084.html">html入门-狂神学java</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-552454.html">SAP导出报表格式XXl、XML、XLSX、MHTML选择</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-549821.html">HTML5手机APP开发入门(2)</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-548983.html">https://m.php.cn/vuejs/464077.html</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-547475.html">HTML+CSS系列:登录界面实现</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div>   </div>  </div> <div class="col-lg-3 col-12 p-0 ps-lg-2">     <div class="lbox p-4 shadow-sm rounded-3"> <div class="boxtitle pb-2"><h2 class="fs-4"><a href="#">标签</a></h2></div> <div class="clearfix"></div> <ul class="m-0 p-0 fs-7 r-tag"> </ul> <div class="clearfix"></div> </div>  </div> </div> </div> </main> <div class="p-2"></div> <footer> <div class="container-fluid p-0 bg-black"> <div class="container p-0 fs-8"> <p class="text-center m-0 py-2 text-white-50">一品网 <a class="text-white-50" href="https://beian.miit.gov.cn/" target="_blank">冀ICP备14022925号-6</a></p> </div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6e3dd49b5f14d985cc4c6bdb9248f52b"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </footer> <script src="/skin/bootstrap.bundle.js"></script> </body> </html>