2018-9-5 seo達人
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表單標簽及屬性介紹</title>
</head>
<body>
<!--form：表單標簽，在html頁面創(chuàng)建一個表單（瀏覽器上不顯示），若要提交數(shù)據(jù)到服務(wù)器則負責收集數(shù)據(jù)的標簽要放到form內(nèi) ;-->
<!--action:(確定表單提交的路徑);-->
<!--method提交方式：get(默認值)有內(nèi)容 ，post沒有-->
<form action="#" method="get">
<!--input：輸入域標簽，獲取用戶輸入信息;-->
<!--type值不同收集方式不同：hidden(隱藏字段，數(shù)據(jù)會發(fā)送到服務(wù)器但瀏覽器不顯示),text（文本框）,password（密碼框）,radio（單選框）,checkbox（復選框）,
file（文件上傳組件）,submit（提交按鈕）,button(普通按鈕),reset(重置按鈕);-->
<!--name:元素名（表單數(shù)據(jù)需提交到服務(wù)器必提供name屬性值），服務(wù)器通過屬性值獲取提交數(shù)據(jù);-->
<!--readonly:只讀-->
<!--value:設(shè)置input默認值。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/>
確認密碼:<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="打電動"/>打電動
<!--checked:單選或復選框默認勾選-->
<input type="checkbox" name="hobby" value="畫畫" checked="checked"/>畫畫<br/>
頭像:<input type="file" /><br/>
<!--select:下拉列表標簽-->
籍貫:<select name="province">
<!--option:子標簽，下拉列表中的一個選項-->
<option>---請選擇---</option>
<!--value：發(fā)送得服務(wù)器的選項值-->
<option value="北京">北京</option>
<option value="上海">上海</option>
<!--selected:勾選當前列表項-->
<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>
藍藍設(shè)計( www.wnxcall.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)。
藍藍設(shè)計的小編 http://www.wnxcall.com