首页 > > 网页制作 > css >

HTML-表单

2019-01-01 23:17:12来源：博客园阅读 ()

定义按钮

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>