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