網站建設之初識HTML標簽-form表單標簽

2022-08-20 分類：網站建設

上一章節和大家說了關于*表格標簽今天為大家介紹的是form表單標簽，我們很多的表單都是通過這個來做的喲！

**form表單標簽
---------------------------------------------------------
1.

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

多行的文本輸入區域<br />*name :定義名稱,用于存儲文本區域中的值。<br />*cols ：規定文本區內可見的列數。<br />*rows ：規定文本區內可見的行數。<br />disabled： 是否禁用<br />readonly： 只讀<br />...<br />5. *<button> 標簽定義按鈕。<br />您可以在 button 元素中放置內容，比如文檔或圖像。這是該元素與由 input 元素創建的按鈕的不同之處。<br />6. <fieldset> html5標簽--fieldset 元素可將表單內的相關元素分組。<br />disabled屬性：定義 fieldset 是否可見。<br />form屬性： 定義該 fieldset 所屬的一個或多個表單。</p><p>7. <legend> html5標簽--<legend> 標簽為 <fieldset>、<figure> 以及 <details> 元素定義標題。<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標簽--<optgroup> 標簽定義選項組。此元素允許您組合選項<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標簽--<datalist> 標簽定義可選數據的列表。與 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/> 表單項中的屬性，可以提供<br />*type屬性:表示表單項的類型:值如下:<br />text:單行文本框<br />password:密碼輸入框<br />checkbox:多選框 注意要提供value值<br />radio:單選框 注意要提供value值<br />file:文件上傳選擇框<br />button:普通按鈕<br />submit:提交按鈕<br />image:圖片提交按鈕<br />reset:重置按鈕, 還原到開始(一次打開時)的效果<br />hidden:表單隱藏域,主要是和表單一塊提交的信息,但是不需要用戶修改<br />*name屬性:表單項名,用于存儲內容值的<br />*value屬性:輸入的值(默認指定值)<br />size屬性:輸入框的寬度值<br />maxlength屬性:輸入框的輸入內容的大長度<br />readonly屬性:對輸入框只讀屬性<br />*disabled屬性:禁用屬性<br />*checked屬性:對選擇框指定默認選項<br />accesskey屬性:指定快捷鍵(不常用) (IE:alt+鍵 火狐:alt+shift+鍵)<br />tabindex屬性:通過數字指定tab鍵的切換順序(不常用)<br />src和alt是為圖片按鈕設置的<br />注意：reset重置按鈕是將表單數據恢復到一次打開時的狀態，并不是清空<br />image圖片按鈕，默認具有提交表單功能。</p><p>更多<strong><a >網站建設</a></strong>內容盡在創新互聯，轉載請注明出處！</p>            <p>
                本文標題：<a href="http://vcdvsql.cn/news/191545.html">網站建設之初識HTML標簽-form表單標簽</a>
                <br>
                轉載源于：<a href="http://vcdvsql.cn/news/191545.html">http://vcdvsql.cn/news/191545.html</a>
            </p>
            <p>
                網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有<a href="http://vcdvsql.cn/news/jianshe/">網站建設</a>等
                                </p>
            <p class="adpic">
                <a href="http://vcdvsql.cn/service/ad.html" target="_blank" class="ad">廣告</a>
                <a href="" target="_blank" class="adimg"><img src=""></a>
            </p>
            <p class="copy">
                聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：
                <a href="http://vcdvsql.cn/" target="_blank">創新互聯</a>
            </p>
        </div>
        <div   id="d0bir05"   class="newsmorelb">
            <p>猜你還喜歡下面的內容</p>
            <ul>
                <li>
                            <a href="/news/191544.html">四個點剖析成都傳統企業做網站建設的必要性</a>
                            <span>2022-08-20</span>
                        </li><li>
                            <a href="/news/191502.html">通用版網站建設報價方案明細表需要的拿去</a>
                            <span>2022-08-20</span>
                        </li><li>
                            <a href="/news/191488.html">龍華網站建設定制找哪家建站公司比較好?</a>
                            <span>2022-08-19</span>
                        </li><li>
                            <a href="/news/191486.html">企業網站建設的功能應用介紹</a>
                            <span>2022-08-19</span>
                        </li><li>
                            <a href="/news/191476.html">網站建設中用戶體驗從哪幾個方面做起？</a>
                            <span>2022-08-19</span>
                        </li><li>
                            <a href="/news/191466.html">怎樣來提高成都網站建設的訪問量呢?</a>
                            <span>2022-08-19</span>
                        </li><li>
                            <a href="/news/191460.html">企業網站建設比較重視的三要素</a>
                            <span>2022-08-19</span>
                        </li><li>
                            <a href="/news/191432.html">成都網站建設公司要如何選擇?如何迅速建站?</a>
                            <span>2022-08-19</span>
                        </li>                            </ul>
        </div>
    </div>

<div   id="51r55wd"   class="col-lg-3 noneb">
        <a href="http://vcdvsql.cn/waimao.html" title="外貿網站建設" target="_blank"><img src="/upload/news/waimaojianzhan.png" alt="外貿網站建設" class="img-responsive"></a>
        <div   id="6v60xfo"   class="bkright">
            <p><a href="http://vcdvsql.cn/news/jianshe/">網站建設知識</a></p>
            <ul>
                <li>
                            <a class="text_overflow" href="/news/191513.html">惠州網站建設多少錢?建一個企業網站需要多少錢?</a>
                            <span>2022-08-20</span>
                        </li><li>
                            <a class="text_overflow" href="/news/191505.html">營銷型網站建設公司費用差距大的10大原因</a>
                            <span>2022-08-20</span>
                        </li><li>
                            <a class="text_overflow" href="/news/191501.html">專業網站建設常見的一些問題</a>
                            <span>2022-08-20</span>
                        </li><li>
                            <a class="text_overflow" href="/news/191489.html">英語網站建設的六個小知識</a>
                            <span>2022-08-19</span>
                        </li><li>
                            <a class="text_overflow" href="/news/191469.html">網站建設的好處以及怎樣設計網站</a>
                            <span>2022-08-19</span>
                        </li><li>
                            <a class="text_overflow" href="/news/191443.html">企業網站建設標準化的三大基本流程</a>
                            <span>2022-08-19</span>
                        </li>                                <li>
                        <a class="text_overflow" href="/news/191429.html">解決網站建設中phpcms會員投稿顯示全部欄目的問題</a>
                        <span>2022-08-19</span>
                    </li><li>
                        <a class="text_overflow" href="/news/191427.html">網站建設丨那些功能模塊能加強訪客的粘性？</a>
                        <span>2022-08-19</span>
                    </li><li>
                        <a class="text_overflow" href="/news/191426.html">成都網站建設，有錢就是這么任性！</a>
                        <span>2022-08-19</span>
                    </li><li>
                        <a class="text_overflow" href="/news/191422.html">創新互聯營銷型網站建設優勢</a>
                        <span>2022-08-19</span>
                    </li><li>
                        <a class="text_overflow" href="/news/191418.html">高端網站建設的時候，需要注意哪些方面？</a>
                        <span>2022-08-19</span>
                    </li>                            </ul>
        </div>
        <div   id="56155i5"   class="bkright tag">
            <p><a href="http://vcdvsql.cn/hangye/" target="_blank">同城分類信息</a></p>
            <ul>
                <li id="0vh15y6"    class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                        <a href="http://vcdvsql.cn/hangye/gsdb/" target="_blank">工商代辦</a>
                    </li><li id="0n6v10e"    class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                        <a href="http://vcdvsql.cn/hangye/hangkongxiang/" target="_blank">航空箱</a>
                    </li><li id="5s5055h"    class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                        <a href="http://vcdvsql.cn/hangye/blgds/" target="_blank">玻璃鋼雕塑</a>
                    </li><li id="zw505rq"    class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                        <a href="http://vcdvsql.cn/hangye/kafeitingsj/" target="_blank">咖啡廳設計</a>
                    </li><li id="mlml0c0"    class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                        <a href="http://vcdvsql.cn/hangye/zdfhw/" target="_blank">主動防護網</a>
                    </li><li id="6j55pvt"    class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                        <a href="http://vcdvsql.cn/hangye/blgzd/" target="_blank">玻璃鋼坐凳</a>
                    </li><li id="55g65l5"    class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                        <a href="http://vcdvsql.cn/hangye/zsljbc/" target="_blank">自上料攪拌車</a>
                    </li><li id="qc5c01l"    class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                        <a href="http://vcdvsql.cn/hangye/hntjbg/" target="_blank">混凝土攪拌罐</a>
                    </li>            </ul>
        </div>
    </div>
</div>

<div   id="o1ra000"   class="container">
            <i class="icon iconfont zbw"></i>
            高品質定制 <i class="icon iconfont"></i>
            跨終端自動兼容 <i class="icon iconfont"></i>
            節約開發成本  <i class="icon iconfont"></i>
            開發周期短 <i class="icon iconfont"></i>
            一體化服務
            <button  type="button" class="btn  btn-default btn-lg" onClick="window.location.href='tencent://message/?uin=631063699&Site=&Menu=yes'"> 立即開始2800定制網站建設</button>
            <button  type="button" class="btn  btn-default btn-xs" onClick="window.location.href='tencent://message/?uin=631063699&Site=&Menu=yes'"> 2800定制網站建設</button>
        </div>
    </div>
    <div   id="we500py"   class="carousel-inner bqsy">
        <div   id="1fk0y00"   class="container">
            <div   id="lk60tno"   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="kdzlx00"   class="dz">專注：
                    <a  target="_blank">成都建站公司</a><a  target="_blank">網站建設公司</a><a  target="_blank">重慶網站建設</a><a href="http://vcdvsql.cn/" target="_blank">成都建設網站</a><a  target="_blank">成都網站建設公司</a>                    <address>地址：成都太升南路288號錦天國際A幢10樓</address>
                </div>
            </div>
            <div   id="16qz0n5"   class="bzdh dz"><img src="../imges/bottom_logo.png" alt="創新互聯">
                <p><a href="http://vcdvsql.cn/menu.html" target="_blank">成都創新互聯科技有限公司</a><br>
                    Tel：400-028-6601（7x24h）</p></div>
        </div>
    </div>
</footer>

<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://vcdvsql.cn/" title="bl双性强迫侵犯h">bl双性强迫侵犯h</a>

</div>
</div>

</footer>

bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

網站建設之初識HTML標簽-form表單標簽