HTML-表單

定義按鈕

1 <input tpye='button' value='我是按鈕' onclick='alert('成功按鈕')'>

定義圖片按鈕

1 <input type='image' src='images/a.jpg' onclick='alert('成功按鈕')'>

 定義重置和提交按鈕

1 <input type='reset' value='清空'>
2 <input type='submit' value='點我提交'>

定義輸入框預設值

1 <input  type='text' value='預設'>

定義單選框

1 性別
2 <input type='radio' name='gender'>男
3 <input type='radio' name='gender'>女
4 <input type='radio' name='gender' checked='checked'>保密

定義多選框

1 愛好
2 <input type='checkbox'>籃球
3 <input type='checkbox' checked='checked'>足球
4 <input type='checkbox' checked='checked'>棒球
5 <input type='checkbox'>羽毛球

 輸入框與文字綁定聚焦

1 <label for="account">帳號：</label><input type="text" id="account"><br/>
2 <label for="pwd">密碼：</label><input type="password" id="pwd">

 定義下拉列表

1 <select>
2     <option>北京</option>
3     <option>上海</option>
4     <option>南京</option>
5     <option>山東</option>
6     <option>新疆</option>
7     <option selected="selected">河南</option>
8 </select>

 給下拉列表的數據分類

 1 <select>
 2     <optgroup label="北京">
 3         <option>東城區</option>
 4         <option>朝陽區</option>
 5         <option>海澱區</option>
 6     </optgroup>
 7     <optgroup label="上海">
 8         <option>靜安區</option>
 9         <option>徐匯區</option>
10         <option>浦東新區</option>
11     </optgroup>
12 </select>