1. <form>標簽
表單容器，指定method屬性和action屬性是個良好的習慣，
<form methor="POST" action="http://www.juetan.cn/user/1">
//其他屬性：
name：表單名稱，便于在Javascript中參考該表單，
target：表單提交的視窗怎么打開，_self(默認),_top,_blank,_parent四種值，
enctype：內容型別，application/x-www-form-urlencoded(默認),multipart/
form-data,text/plain三種值，
autocomplete：自動完成，如果之前填寫過表單，再次輸入時可快速完成輸入，
novalidate：不驗證表單資料的格式是否正確，
accept-charset：表單提交時所使用的字符集，如UTF-9，ISO-8859-1等，
</form>
2. <fieldset>標簽
表單集合，一般將多個輸入歸為某類；與<legend>標簽搭配，后者表示該集合的標題；兩者結合表現為黑色邊框加標題，
<fieldset>
<legend>包裝資訊</legend>
//如外殼顏色，盒子樣式，盒子長度等選項
</fieldset>
3. <select>標簽
下拉串列，指定name屬性是個好習慣；與<opgroup>標簽、<option>標簽搭配，<opgroup>標簽指定label屬性、<option>屬性指定value屬性也是個好習慣，
<select name="city">
<optgroup label="廣東省">其他屬性：
<option value=https://www.cnblogs.com/juetan/p/"sz">深圳
[1] 4. <output>標簽
表示輸出結果；<meter>標簽表示數值量程，表現為水平圓柱進度效果；<progress>標簽表示任務進度，表現為水平矩形進度效果，
//輸出結果
<form oninput="x.value=https://www.cnblogs.com/juetan/p/parseInt(a.value)+parseInt(b.value)">0
100
+
=
//數值量程
不支持該標簽時顯示
//任務進度
[1] 5. <datalist>標簽
表示<input>標簽的可能預選項，<datalist>標簽指定id屬性，<input>標簽的list屬性指定<datalist>標簽的id屬性
<input name="game" list="game-list">
<datalist id="game-list">
<option value=https://www.cnblogs.com/juetan/p/"lol">
6. <label>標簽
表示輸入框的標簽，與<input>標簽搭配使用，
//可以與<input>標簽并列使用(需要指定for屬性)
<input type="radio" name="switch"> <label for="switch">開關</label>
//也可以包含<input>標簽(無需指定for屬性)
<label><input type="radio" name="switch">開關</label>
7. <textarea>標簽
表示文本輸入域，適合多行文本輸入，
<textarea name="comment">
</textarea>
屬性：
name(輸入框名稱)：文本值，表單提交時用到；
cols(可見列數)：數值；
rows(可見行數)：數值；
wrap(如何換行)：hard(硬分行)，soft(軟分行)；
maxlength(最大字符數)：整數，文本框可輸入的最大字符數；
placeholder(輸入提示)：文本值，以淺灰色字體顯示在文本框的簡短提示；
readonly(是否只讀)：布林值，默認false；
required(是否必填)：布林值，默認false；
disabled(是否禁用)：布林值，默認false；
autofocus(自動聚焦)：布林值，默認false；
8. <button>標簽
表示按鈕，
//作為普通按鈕使用
<button type="button">退出</button>
//作為表單提交按鈕使用(需在form元素內使用)
<button type="submit">提交</button>
9. <input>標簽(單標簽)
表示輸入框，極其強大的輸入型別(23種)，構成表單豐富的互動體驗，
//最最常用的屬性
<input name="username" type="text" value=https://www.cnblogs.com/juetan/p/"juetan">
一般傳統屬性：
name(輸入框名稱)：輸入框的名稱，應當唯一，表單提交時用到；
value(輸入框的值)：輸入框名稱對應的值；
type(輸入框型別)：共23種輸入框型別，7個專屬屬性
text(文本)，與maxlength屬性搭配
password(密碼)，與maxlength屬性搭配
radio(單選)，與checked屬性搭配
checkbox(多選)，與checked屬性搭配
file(檔案),專屬屬性：accept屬性
hidden(隱藏)
image(圖片)，專屬屬性：alt屬性，src屬性，width屬性，height屬性
button(按鈕)
reset(重置)
submit(提交)
week(周幾)
month(月數)
date(日期)
time(時間)
datetime(日期時間)
datetime-local(本地日期時間)
number(數字)
email(郵箱)
url(鏈接)
search(搜索)
tel(電話)
range(范圍)
color(顏色)
form(所屬表單)：表單id，多個表單id以空格分隔；
size(輸入大小)：對于text或password來說，表示可見字符數，對于其他型別，表示寬度
autocomplete(自動完成)
autofocus(自動聚焦)
novalidate(不驗證內容)
list(可選串列): 只與轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/27991.html
標籤：Html/Css
上一篇：wind7 系統 設備和列印機