form表单标签总结
定义:平时网页看见的用户注册页面,用于收集用户信息
input标签
语法结构:<input type=" ">
text | 文本框 |
password | 密码框 |
邮箱 |
例:
用户名称:<input type="text">
用户密码:<input type="password">
注:1.value用于给按钮命名,命名后的按钮具有改名字的作用
2.单选按钮原本可以多选,在每个单选按钮加name="gender"后变真正单选
例:
button | 按钮 |
submit | 提交按钮 |
radio | 单选按钮 |
checkbox | 多选按钮 |
reset | 重置按钮 |
image | 图片上传按钮 |
file | 上传文件/文件域 |
hidden | 隐藏域(不会向用户展示) |
1.<input type="button" value="上传“>具有上传作用
2.选择性别:<input type="radio" name="gender">男
<input type="radio" name="gender">女
选择爱好:<input type="checkbox">唱歌
<input type="checkbox">跳舞
<input type="checkbox">rap
<input type="checkbox">打篮球
color | 颜色 |
date | 日期 |
date-local | 日期+时间 |
time | 时间 |
染个 | 静态进度条 |
例:
红色:< font color="red"> </font>
日期:<input type="date">
readonly | 只能读不能写 |
autofocus | 自动默认光标位置 |
required | 提示必填空 |
disabled | 规定input标签禁用,不可点击 |
checked | 默认选项 |
select标签:
下拉列表框------option multiple------以列表形式显示 selected的-----默认选项
选择城市:
<select>
<option>西安</option>
<option>重庆</option>
<option>北京</option>
<option>江苏</option>
<option>上海</option>
</select>
以列表形式呈现<select mutiple="mutiple">
剩余如上
textarea标签
cols | 文本域的宽度 |
rows | 文本域的高度 |
<p>
<textarea cols="50" rows="5">这个家伙很懒,什么都没有留下........</textarea>
</p>
小白能力有限,还请多多关照. . . . . .