HTML-表单

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

新老客户大回馈,云服务器低至5折

定义按钮

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>

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:IIS搭建Web服务器,外网可以访问,但无法加载视频

下一篇:CSS3动画效果transition