上一章節(jié)和大家說了關(guān)于*表格標(biāo)簽今天為大家介紹的是form表單標(biāo)簽，我們很多的表單都是通過這個(gè)來做的喲！

**form表單標(biāo)簽
---------------------------------------------------------
1.

--表單標(biāo)簽
form標(biāo)簽常用屬性：
*action屬性:提交的目標(biāo)地址(URL)
*method屬性:提交方式:get(默認(rèn))和post
get方式是URL地址欄可見,長(zhǎng)度受限制(IE2k 火狐8k),相對(duì)不安全.
post方式是URL地址不可見,長(zhǎng)度不受限制,相對(duì)安全.
enctype:提交類型
target: 在何處打開目標(biāo) URL。
name:屬性為表單起個(gè)名字.HTML5不支持。用 id 代替。
2. 表單項(xiàng)標(biāo)簽input定義輸入字段，用戶可在其中輸入數(shù)據(jù)。在 HTML 5 中，type 屬性有很多新的值。
具體在下面有詳解：
如：
3. 標(biāo)簽創(chuàng)建下拉列表。
*name屬性:定義名稱,用于存儲(chǔ)下拉值的
size：定義菜單中可見項(xiàng)目的數(shù)目，html5不支持
disabled 當(dāng)該屬性為 true 時(shí)，會(huì)禁用該菜單。
multiple 多選
* 下拉選擇項(xiàng)標(biāo)簽,用于嵌入到標(biāo)簽中使用的;
*value屬性:下拉項(xiàng)的值
*selected屬性:默認(rèn)下拉指定項(xiàng).
4. * 多行的文本輸入?yún)^(qū)域<br />*name :定義名稱,用于存儲(chǔ)文本區(qū)域中的值。<br />*cols ：規(guī)定文本區(qū)內(nèi)可見的列數(shù)。<br />*rows ：規(guī)定文本區(qū)內(nèi)可見的行數(shù)。<br />disabled： 是否禁用<br />readonly： 只讀<br />...<br />5. *<button> 標(biāo)簽定義按鈕。<br />您可以在 button 元素中放置內(nèi)容，比如文檔或圖像。這是該元素與由 input 元素創(chuàng)建的按鈕的不同之處。<br />6. <fieldset> html5標(biāo)簽--fieldset 元素可將表單內(nèi)的相關(guān)元素分組。<br />disabled屬性：定義 fieldset 是否可見。<br />form屬性： 定義該 fieldset 所屬的一個(gè)或多個(gè)表單。</p><p>7. <legend> html5標(biāo)簽--<legend> 標(biāo)簽為 <fieldset>、<figure> 以及 <details> 元素定義標(biāo)題。<br /><form><br /><fieldset><br /><legend>健康信息：</legend><br />身高：<input type="text" /><br/><br />體重：<input type="text" /><br/><br /></fieldset><br /></form><br />8. <optgroup> html5標(biāo)簽--<optgroup> 標(biāo)簽定義選項(xiàng)組。此元素允許您組合選項(xiàng)<br />樣例：<br /><select><br /><optgroup label="Swedish Cars"><br /><option value="volvo">Volvo</option><br /><option value="saab">Saab</option><br /></optgroup><br /><optgroup label="German Cars"><br /><option value="mercedes">Mercedes</option><br /><option value="audi">Audi</option><br /></optgroup><br /></select><br />9. <datalist> html5標(biāo)簽--<datalist> 標(biāo)簽定義可選數(shù)據(jù)的列表。與 input 元素配合使用，就可以制作出輸入值的下拉列表。<br />樣例：<br /><form action="demo_form.php" method="get"><br /><input list="browsers" name="browser"><br /><datalist id="browsers"><br /><option value="Internet Explorer"><br /><option value="Firefox"><br /><option value="Chrome"><br /><option value="Opera"><br /><option value="Safari"><br /></datalist><br /><input type="submit"><br /></form><br />10. **<input/> 表單項(xiàng)中的屬性，可以提供<br />*type屬性:表示表單項(xiàng)的類型:值如下:<br />text:單行文本框<br />password:密碼輸入框<br />checkbox:多選框 注意要提供value值<br />radio:單選框 注意要提供value值<br />file:文件上傳選擇框<br />button:普通按鈕<br />submit:提交按鈕<br />image:圖片提交按鈕<br />reset:重置按鈕, 還原到開始(一次打開時(shí))的效果<br />hidden:表單隱藏域,主要是和表單一塊提交的信息,但是不需要用戶修改<br />*name屬性:表單項(xiàng)名,用于存儲(chǔ)內(nèi)容值的<br />*value屬性:輸入的值(默認(rèn)指定值)<br />size屬性:輸入框的寬度值<br />maxlength屬性:輸入框的輸入內(nèi)容的大長(zhǎng)度<br />readonly屬性:對(duì)輸入框只讀屬性<br />*disabled屬性:禁用屬性<br />*checked屬性:對(duì)選擇框指定默認(rèn)選項(xiàng)<br />accesskey屬性:指定快捷鍵(不常用) (IE:alt+鍵 火狐:alt+shift+鍵)<br />tabindex屬性:通過數(shù)字指定tab鍵的切換順序(不常用)<br />src和alt是為圖片按鈕設(shè)置的<br />注意：reset重置按鈕是將表單數(shù)據(jù)恢復(fù)到一次打開時(shí)的狀態(tài)，并不是清空<br />image圖片按鈕，默認(rèn)具有提交表單功能。</p><p>更多<strong><a >網(wǎng)站建設(shè)</a></strong>內(nèi)容盡在創(chuàng)新互聯(lián)，轉(zhuǎn)載請(qǐng)注明出處！</p> <p> 本文標(biāo)題：<a href="http://jinyejixie.com/news/191545.html">網(wǎng)站建設(shè)之初識(shí)HTML標(biāo)簽-form表單標(biāo)簽</a> <br> 轉(zhuǎn)載源于：<a href="http://jinyejixie.com/news/191545.html">http://jinyejixie.com/news/191545.html</a> </p> <p> 網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有<a href="http://jinyejixie.com/news/jianshe/">網(wǎng)站建設(shè)</a>等 </p> <p class="adpic"> <a href="http://jinyejixie.com/service/ad.html" target="_blank" class="ad">廣告</a> <a href="" target="_blank" class="adimg"><img src=""></a> </p> <p class="copy"> 聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： <a href="http://jinyejixie.com/" target="_blank">創(chuàng)新互聯(lián)</a> </p> </div> <div id="l27gild" class="newsmorelb"> <p>猜你還喜歡下面的內(nèi)容</p> <ul> <li> <a href="/news/191544.html">四個(gè)點(diǎn)剖析成都傳統(tǒng)企業(yè)做網(wǎng)站建設(shè)的必要性</a> <span>2022-08-20</span> </li><li> <a href="/news/191502.html">通用版網(wǎng)站建設(shè)報(bào)價(jià)方案明細(xì)表需要的拿去</a> <span>2022-08-20</span> </li><li> <a href="/news/191488.html">龍華網(wǎng)站建設(shè)定制找哪家建站公司比較好?</a> <span>2022-08-19</span> </li><li> <a href="/news/191486.html">企業(yè)網(wǎng)站建設(shè)的功能應(yīng)用介紹</a> <span>2022-08-19</span> </li><li> <a href="/news/191476.html">網(wǎng)站建設(shè)中用戶體驗(yàn)從哪幾個(gè)方面做起？</a> <span>2022-08-19</span> </li><li> <a href="/news/191466.html">怎樣來提高成都網(wǎng)站建設(shè)的訪問量呢?</a> <span>2022-08-19</span> </li><li> <a href="/news/191460.html">企業(yè)網(wǎng)站建設(shè)比較重視的三要素</a> <span>2022-08-19</span> </li><li> <a href="/news/191432.html">成都網(wǎng)站建設(shè)公司要如何選擇?如何迅速建站?</a> <span>2022-08-19</span> </li> </ul> </div> </div> <div id="o3gus7m" class="col-lg-3 noneb"> <a href="http://jinyejixie.com/waimao.html" title="外貿(mào)網(wǎng)站建設(shè)" target="_blank"><img src="/upload/news/waimaojianzhan.png" alt="外貿(mào)網(wǎng)站建設(shè)" class="img-responsive"></a> <div id="igobiz7" class="bkright"> <p><a href="http://jinyejixie.com/news/jianshe/">網(wǎng)站建設(shè)知識(shí)</a></p> <ul> <li> <a class="text_overflow" href="/news/191513.html">惠州網(wǎng)站建設(shè)多少錢?建一個(gè)企業(yè)網(wǎng)站需要多少錢?</a> <span>2022-08-20</span> </li><li> <a class="text_overflow" href="/news/191505.html">營(yíng)銷型網(wǎng)站建設(shè)公司費(fèi)用差距大的10大原因</a> <span>2022-08-20</span> </li><li> <a class="text_overflow" href="/news/191501.html">專業(yè)網(wǎng)站建設(shè)常見的一些問題</a> <span>2022-08-20</span> </li><li> <a class="text_overflow" href="/news/191489.html">英語網(wǎng)站建設(shè)的六個(gè)小知識(shí)</a> <span>2022-08-19</span> </li><li> <a class="text_overflow" href="/news/191469.html">網(wǎng)站建設(shè)的好處以及怎樣設(shè)計(jì)網(wǎng)站</a> <span>2022-08-19</span> </li><li> <a class="text_overflow" href="/news/191443.html">企業(yè)網(wǎng)站建設(shè)標(biāo)準(zhǔn)化的三大基本流程</a> <span>2022-08-19</span> </li> <li> <a class="text_overflow" href="/news/191429.html">解決網(wǎng)站建設(shè)中phpcms會(huì)員投稿顯示全部欄目的問題</a> <span>2022-08-19</span> </li><li> <a class="text_overflow" href="/news/191427.html">網(wǎng)站建設(shè)丨那些功能模塊能加強(qiáng)訪客的粘性？</a> <span>2022-08-19</span> </li><li> <a class="text_overflow" href="/news/191426.html">成都網(wǎng)站建設(shè)，有錢就是這么任性！</a> <span>2022-08-19</span> </li><li> <a class="text_overflow" href="/news/191422.html">創(chuàng)新互聯(lián)營(yíng)銷型網(wǎng)站建設(shè)優(yōu)勢(shì)</a> <span>2022-08-19</span> </li><li> <a class="text_overflow" href="/news/191418.html">高端網(wǎng)站建設(shè)的時(shí)候，需要注意哪些方面？</a> <span>2022-08-19</span> </li> </ul> </div> <div id="nypwdc3" class="bkright tag"> <p><a href="http://jinyejixie.com/hangye/" target="_blank">同城分類信息</a></p> <ul> <li id="rpwtvh7" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://jinyejixie.com/hangye/gsdb/" target="_blank">工商代辦</a> </li><li id="27eltby" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://jinyejixie.com/hangye/hangkongxiang/" target="_blank">航空箱</a> </li><li id="g722el7" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://jinyejixie.com/hangye/blgds/" target="_blank">玻璃鋼雕塑</a> </li><li id="ohjvho7" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://jinyejixie.com/hangye/kafeitingsj/" target="_blank">咖啡廳設(shè)計(jì)</a> </li><li id="i7slj72" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://jinyejixie.com/hangye/zdfhw/" target="_blank">主動(dòng)防護(hù)網(wǎng)</a> </li><li id="lyqxplu" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://jinyejixie.com/hangye/blgzd/" target="_blank">玻璃鋼坐凳</a> </li><li id="omroan7" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://jinyejixie.com/hangye/zsljbc/" target="_blank">自上料攪拌車</a> </li><li id="qth7fra" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="http://jinyejixie.com/hangye/hntjbg/" target="_blank">混凝土攪拌罐</a> </li> </ul> </div> </div> </div> <footer> <div id="r77j2dm" class="carousel-inner footjz"> <div id="27yfhah" class="container"> <i class="icon iconfont zbw"></i> 高品質(zhì)定制 <i class="icon iconfont"></i> 跨終端自動(dòng)兼容 <i class="icon iconfont"></i> 節(jié)約開發(fā)成本 <i class="icon iconfont"></i> 開發(fā)周期短 <i class="icon iconfont"></i> 一體化服務(wù) <button type="button" class="btn btn-default btn-lg" onClick="window.location.href='tencent://message/?uin=631063699&Site=&Menu=yes'"> 立即開始2800定制網(wǎng)站建設(shè)</button> <button type="button" class="btn btn-default btn-xs" onClick="window.location.href='tencent://message/?uin=631063699&Site=&Menu=yes'"> 2800定制網(wǎng)站建設(shè)</button> </div> </div> <div id="mtfc72e" class="carousel-inner bqsy"> <div id="y2iubse" class="container"> <div id="advhpdl" class="lxfs"> <h4 class="yutelnone">028-86922220 13518219792</h4> <h4 class="yutelblock"><a href="tel:02886922220">028-86922220</a> <a href="tel:13518219792">13518219792</a></h4> <a class="btn btn-default" href="tencent://message/?uin=532337155&Site=&Menu=yes" role="button">網(wǎng)站建設(shè)<span>QQ</span>：532337155</a> <a class="btn btn-default" href="tencent://message/?uin=631063699&Site=&Menu=yes" role="button">營(yíng)銷推廣<span>QQ</span>：631063699</a> <a class="btn btn1 btn-default" href="mqqwpa://im/chat?chat_type=wpa&uin=532337155&version=1&src_type=web&web_src=oicqzone.com" role="button">網(wǎng)站制作<span>QQ</span>：532337155</a> <a class="btn btn1 btn-default" href="mqqwpa://im/chat?chat_type=wpa&uin=631063699&version=1&src_type=web&web_src=oicqzone.com" role="button">營(yíng)銷推廣<span>QQ</span>：631063699</a> <a class="btn btn-default nonea" href="tencent://message/?uin=1683211881&Site=&Menu=yes" role="button">售后QQ：1683211881</a> <div id="yubi2ht" class="dz">專注： <a target="_blank">成都建站公司</a><a target="_blank">網(wǎng)站建設(shè)公司</a><a target="_blank">重慶網(wǎng)站建設(shè)</a><a href="http://jinyejixie.com/" target="_blank">成都建設(shè)網(wǎng)站</a><a target="_blank">成都網(wǎng)站建設(shè)公司</a> <address>地址：成都太升南路288號(hào)錦天國(guó)際A幢10樓</address> </div> </div> <div id="o277b7t" class="bzdh dz"><img src="../imges/bottom_logo.png" alt="創(chuàng)新互聯(lián)"> <p><a href="http://jinyejixie.com/menu.html" target="_blank">成都創(chuàng)新互聯(lián)科技有限公司</a><br> Tel：400-028-6601（7x24h）</p></div> </div> </div> </footer> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://jinyejixie.com/" title="成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区">成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区</a> <div class="friend-links"> </div> </div> </footer> <a href="http://" target="_blank">武强县</a>| <a href="http://" target="_blank">太谷县</a>| <a href="http://" target="_blank">沐川县</a>| <a href="http://" target="_blank">咸宁市</a>| <a href="http://" target="_blank">开原市</a>| <a href="http://" target="_blank">河北区</a>| <a href="http://" target="_blank">磐安县</a>| <a href="http://" target="_blank">湖南省</a>| <a href="http://" target="_blank">遂平县</a>| <a href="http://" target="_blank">镇原县</a>| <a href="http://" target="_blank">松潘县</a>| <a href="http://" target="_blank">沙坪坝区</a>| <a href="http://" target="_blank">广饶县</a>| <a href="http://" target="_blank">宜阳县</a>| <a href="http://" target="_blank">广饶县</a>| <a href="http://" target="_blank">上栗县</a>| <a href="http://" target="_blank">阳新县</a>| <a href="http://" target="_blank">读书</a>| <a href="http://" target="_blank">西乌珠穆沁旗</a>| <a href="http://" target="_blank">临颍县</a>| <a href="http://" target="_blank">东港市</a>| <a href="http://" target="_blank">北海市</a>| <a href="http://" target="_blank">塔河县</a>| <a href="http://" target="_blank">大方县</a>| <a href="http://" target="_blank">玉山县</a>| <a href="http://" target="_blank">子长县</a>| <a href="http://" target="_blank">凤台县</a>| <a href="http://" target="_blank">马龙县</a>| <a href="http://" target="_blank">漾濞</a>| <a href="http://" target="_blank">夏邑县</a>| <a href="http://" target="_blank">同德县</a>| <a href="http://" target="_blank">周口市</a>| <a href="http://" target="_blank">南丹县</a>| <a href="http://" target="_blank">肃宁县</a>| <a href="http://" target="_blank">阜阳市</a>| <a href="http://" target="_blank">大冶市</a>| <a href="http://" target="_blank">铁岭县</a>| <a href="http://" target="_blank">四平市</a>| <a href="http://" target="_blank">绍兴市</a>| <a href="http://" target="_blank">霍林郭勒市</a>| <a href="http://" target="_blank">林芝县</a>| <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="yyu8i" class="pl_css_ganrao" style="display: none;"><tr id="yyu8i"></tr><dl id="yyu8i"><progress id="yyu8i"><button id="yyu8i"></button></progress></dl><optgroup id="yyu8i"></optgroup><sub id="yyu8i"></sub><dfn id="yyu8i"><p id="yyu8i"><span id="yyu8i"></span></p></dfn><optgroup id="yyu8i"></optgroup><option id="yyu8i"><tbody id="yyu8i"></tbody></option><tr id="yyu8i"></tr><object id="yyu8i"><strike id="yyu8i"><font id="yyu8i"><video id="yyu8i"></video></font></strike></object><i id="yyu8i"></i><pre id="yyu8i"></pre><em id="yyu8i"></em><button id="yyu8i"><noscript id="yyu8i"><dl id="yyu8i"><div id="yyu8i"></div></dl></noscript></button><dd id="yyu8i"></dd><dfn id="yyu8i"></dfn><strong id="yyu8i"><sup id="yyu8i"><dd id="yyu8i"></dd></sup></strong><meter id="yyu8i"><tt id="yyu8i"></tt></meter><dl id="yyu8i"><progress id="yyu8i"></progress></dl><listing id="yyu8i"><legend id="yyu8i"><dfn id="yyu8i"><delect id="yyu8i"></delect></dfn></legend></listing><thead id="yyu8i"></thead><ul id="yyu8i"></ul><bdo id="yyu8i"></bdo><var id="yyu8i"></var><tr id="yyu8i"></tr><bdo id="yyu8i"></bdo><small id="yyu8i"></small><strike id="yyu8i"></strike><th id="yyu8i"></th><output id="yyu8i"><u id="yyu8i"></u></output><xmp id="yyu8i"><center id="yyu8i"><optgroup id="yyu8i"><th id="yyu8i"></th></optgroup></center></xmp><form id="yyu8i"></form><th id="yyu8i"><pre id="yyu8i"><strike id="yyu8i"><blockquote id="yyu8i"></blockquote></strike></pre></th><small id="yyu8i"><s id="yyu8i"><progress id="yyu8i"></progress></s></small><small id="yyu8i"></small><var id="yyu8i"></var><bdo id="yyu8i"><rt id="yyu8i"></rt></bdo><thead id="yyu8i"></thead><menuitem id="yyu8i"><b id="yyu8i"><small id="yyu8i"></small></b></menuitem><pre id="yyu8i"></pre><var id="yyu8i"><legend id="yyu8i"><dfn id="yyu8i"></dfn></legend></var><button id="yyu8i"><noscript id="yyu8i"><dl id="yyu8i"></dl></noscript></button><pre id="yyu8i"></pre><code id="yyu8i"></code><s id="yyu8i"></s><listing id="yyu8i"></listing><optgroup id="yyu8i"></optgroup><center id="yyu8i"><pre id="yyu8i"><u id="yyu8i"><var id="yyu8i"></var></u></pre></center><pre id="yyu8i"><sup id="yyu8i"></sup></pre><pre id="yyu8i"><sup id="yyu8i"></sup></pre><sub id="yyu8i"><ins id="yyu8i"><optgroup id="yyu8i"><cite id="yyu8i"></cite></optgroup></ins></sub></div> </html>