網(wǎng)站建設(shè)之初識(shí)HTML標(biāo)簽-form表單標(biāo)簽

2022-08-20 分類：網(wǎng)站建設(shè)

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

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

--表單標(biāo)簽
form標(biāo)簽常用屬性：
*action屬性:提交的目標(biāo)地址(URL)
*method屬性:提交方式:get(默認(rèn))和post
get方式是URL地址欄可見(jiàn),長(zhǎng)度受限制(IE2k 火狐8k),相對(duì)不安全.
post方式是URL地址不可見(jiàn),長(zhǎng)度不受限制,相對(duì)安全.
enctype:提交類型
target: 在何處打開(kāi)目標(biāo) URL。
name:屬性為表單起個(gè)名字.HTML5不支持。用 id 代替。
2. 表單項(xiàng)標(biāo)簽input定義輸入字段，用戶可在其中輸入數(shù)據(jù)。在 HTML 5 中，type 屬性有很多新的值。
具體在下面有詳解：
如：
3. 標(biāo)簽中使用的;
*value屬性:下拉項(xiàng)的值
*selected屬性:默認(rèn)下拉指定項(xiàng).
4. *

多行的文本輸入?yún)^(qū)域<br />*name :定義名稱,用于存儲(chǔ)文本區(qū)域中的值。<br />*cols ：規(guī)定文本區(qū)內(nèi)可見(jiàn)的列數(shù)。<br />*rows ：規(guī)定文本區(qū)內(nèi)可見(jiàn)的行數(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 是否可見(jiàn)。<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:重置按鈕, 還原到開(kāi)始(一次打開(kāi)時(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屬性:通過(guò)數(shù)字指定tab鍵的切換順序(不常用)<br />src和alt是為圖片按鈕設(shè)置的<br />注意：reset重置按鈕是將表單數(shù)據(jù)恢復(fù)到一次打開(kāi)時(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://www.yijiale78.com/news/191545.html">網(wǎng)站建設(shè)之初識(shí)HTML標(biāo)簽-form表單標(biāo)簽</a>
                <br>
                轉(zhuǎn)載源于：<a href="http://www.yijiale78.com/news/191545.html">http://www.yijiale78.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://www.yijiale78.com/news/jianshe/">網(wǎng)站建設(shè)</a>等
                                </p>
            <p class="adpic">
                <a href="http://www.yijiale78.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í)需注明來(lái)源：
                <a href="http://www.yijiale78.com/" target="_blank">創(chuàng)新互聯(lián)</a>
            </p>
        </div>
        <div   id="rrr17pn"   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">怎樣來(lái)提高成都網(wǎng)站建設(shè)的訪問(wèn)量呢?</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="rrprpnp"   class="col-lg-3 noneb">
        <a href="http://www.yijiale78.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="rrn5rrr"   class="bkright">
            <p><a href="http://www.yijiale78.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è)常見(jiàn)的一些問(wèn)題</a>
                            <span>2022-08-20</span>
                        </li><li>
                            <a class="text_overflow" href="/news/191489.html">英語(yǔ)網(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ì)員投稿顯示全部欄目的問(wèn)題</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="1nrpp7r"   class="bkright tag">
            <p><a href="http://www.yijiale78.com/hangye/" target="_blank">同城分類信息</a></p>
            <ul>
                <li id="rnp1nnp"    class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                        <a href="http://www.yijiale78.com/hangye/gsdb/" target="_blank">工商代辦</a>
                    </li><li id="71nnprr"    class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                        <a href="http://www.yijiale78.com/hangye/hangkongxiang/" target="_blank">航空箱</a>
                    </li><li id="p1npp1n"    class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                        <a href="http://www.yijiale78.com/hangye/blgds/" target="_blank">玻璃鋼雕塑</a>
                    </li><li id="nprnnpr"    class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                        <a href="http://www.yijiale78.com/hangye/kafeitingsj/" target="_blank">咖啡廳設(shè)計(jì)</a>
                    </li><li id="nrppnrp"    class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                        <a href="http://www.yijiale78.com/hangye/zdfhw/" target="_blank">主動(dòng)防護(hù)網(wǎng)</a>
                    </li><li id="pr7rppn"    class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                        <a href="http://www.yijiale78.com/hangye/blgzd/" target="_blank">玻璃鋼坐凳</a>
                    </li><li id="rppppn1"    class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                        <a href="http://www.yijiale78.com/hangye/zsljbc/" target="_blank">自上料攪拌車</a>
                    </li><li id="p1np1n7"    class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                        <a href="http://www.yijiale78.com/hangye/hntjbg/" target="_blank">混凝土攪拌罐</a>
                    </li>            </ul>
        </div>
    </div>
</div>

<div   id="rnn1ppr"   class="container">
            <i class="icon iconfont zbw"></i>
            高品質(zhì)定制 <i class="icon iconfont"></i>
            跨終端自動(dòng)兼容 <i class="icon iconfont"></i>
            節(jié)約開(kāi)發(fā)成本  <i class="icon iconfont"></i>
            開(kā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'"> 立即開(kāi)始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="rrpn11n"   class="carousel-inner bqsy">
        <div   id="nnppnpr"   class="container">
            <div   id="7p1prr1"   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 nonea" href="tencent://message/?uin=1683211881&Site=&Menu=yes" role="button">售后QQ：1683211881</a>
                <div   id="n77pnrr"   class="dz">專注：
                    <a  target="_blank">成都建站公司</a><a  target="_blank">網(wǎng)站建設(shè)公司</a><a  target="_blank">重慶網(wǎng)站建設(shè)</a><a href="http://www.yijiale78.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="rpppprr"   class="bzdh dz"><img src="../imges/bottom_logo.png" alt="創(chuàng)新互聯(lián)">
                <p><a href="http://www.yijiale78.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://www.yijiale78.com/" title="99偷拍视频精品区一区二,口述久久久久久久久久久久,国产精品夫妇激情啪发布,成人永久免费网站在线观看,国产精品高清免费在线,青青草在线观看视频观看,久久久久久国产一区,天天婷婷久久18禁,日韩动漫av在线播放直播">99偷拍视频精品区一区二,口述久久久久久久久久久久,国产精品夫妇激情啪发布,成人永久免费网站在线观看,国产精品高清免费在线,青青草在线观看视频观看,久久久久久国产一区,天天婷婷久久18禁,日韩动漫av在线播放直播</a>

</div>
</div>

</footer>