HTML2.1表單標(biāo)簽及屬性介紹

2018-9-5    seo達(dá)人

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里

<!DOCTYPE html>

<html>

   <head>

       <meta charset="UTF-8">

       <title>表單標(biāo)簽及屬性介紹</title>

   </head>

   <body>

   <!--form:表單標(biāo)簽,在html頁面創(chuàng)建一個(gè)表單(瀏覽器上不顯示),若要提交數(shù)據(jù)到服務(wù)器則負(fù)責(zé)收集數(shù)據(jù)的標(biāo)簽要放到form內(nèi) ;-->

       <!--action:(確定表單提交的路徑);-->

       <!--method提交方式:get(默認(rèn)值)有內(nèi)容 ,post沒有-->

       <form action="#" method="get">


           <!--input:輸入域標(biāo)簽,獲取用戶輸入信息;-->

           <!--type值不同收集方式不同:hidden(隱藏字段,數(shù)據(jù)會(huì)發(fā)送到服務(wù)器但瀏覽器不顯示),text(文本框),password(密碼框),radio(單選框),checkbox(復(fù)選框),

               file(文件上傳組件),submit(提交按鈕),button(普通按鈕),reset(重置按鈕);-->

           <!--name:元素名(表單數(shù)據(jù)需提交到服務(wù)器必提供name屬性值),服務(wù)器通過屬性值獲取提交數(shù)據(jù);-->

           <!--readonly:只讀-->

           <!--value:設(shè)置input默認(rèn)值。submit和reset為按鍵上顯示數(shù)據(jù)-->

           <!--size:大小-->

           <!--maxlength:允許輸入的最大長度-->

           隱藏字段:<input type="hidden" name="id" value=""/><br/>

           用戶名:<input type="text" name="username" readonly="readonly" value="zhangsan" size="40px" maxlength="20"/><br/>

           密碼:<input type="password" name="password"/><br/>

           確認(rèn)密碼:<input type="password" name="repassword"/><br/>

           性別:<input type="radio" name="sex" value="man"/>男

           <input type="radio" name="sex" value="woman"/>女<br/>

           愛好:<input type="checkbox" name="hobby" value="釣魚"/>釣魚

           <input type="checkbox" name="hobby" value="打電動(dòng)"/>打電動(dòng)

           <!--checked:單選或復(fù)選框默認(rèn)勾選-->

           <input type="checkbox" name="hobby" value="畫畫" checked="checked"/>畫畫<br/>

           頭像:<input type="file" /><br/>

           <!--select:下拉列表標(biāo)簽-->

           籍貫:<select name="province">

               <!--option:子標(biāo)簽,下拉列表中的一個(gè)選項(xiàng)-->

               <option>---請選擇---</option>

               <!--value:發(fā)送得服務(wù)器的選項(xiàng)值-->

               <option value="北京">北京</option>

               <option value="上海">上海</option>

               <!--selected:勾選當(dāng)前列表項(xiàng)-->

               <option value="廣州" selected="selected">廣州</option>

           </select><br/>

           自我介紹:

               <!--textarea:文本域-->

               <textarea>


               </textarea><br/>

           提交按鈕:<input type="submit" value="注冊"/><br/>

           普通按鈕:<input type="button" value="普通按鈕"><br/>

           重置按鈕:<input type="reset"/>

       </form>

   </body>

</html>


藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


日歷

鏈接

個(gè)人資料

存檔