定義按鈕 定義圖片按鈕 定義重置和提交按鈕 定義輸入框預設值 定義單選框 定義多選框 輸入框與文字綁定聚焦 定義下拉列表 給下拉列表的數據分類 ...
定義按鈕
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>