本日学习:input元素,output元素和textarea元素的学习和使用。学习时长:3小时。
· <input>
标签用于搜集用户信息,根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
属性 | 值 | 描述 |
type | button、checkbox、color、date、datetime-local、email、file、hidden、image、month、number、password、radio、range、reset、search、submit、tel、text、time、url、week | 规定 input 元素的类型 |
Type属性:
value | 描述 |
button | 按钮 |
checkbox | 多选框 |
color | 颜色盘 |
date | 时间日历(年,月,日(没有时间)) |
datetime-local | 本地时间日历 年,月,日,时间) |
邮箱地址栏 | |
file | 上传文件栏 |
hidden | 隐藏 |
image | 图片 |
month | 日历栏(年,月) |
number | 数字栏 |
password | 密码栏 |
radio | 单选栏 |
range | 滑块栏 |
reset | 重置按钮 |
search | 搜索字段(比如站内搜索或谷歌搜索等) |
submit | 提交按钮 |
tel | 输入电话号码的字段 |
text | 默认.输入单行文本字段 |
time | 时间栏 |
url | 输入URL字段 |
week | 周年栏 |
实例:
·<textarea>
标签定义多行的文本输入控件。
练习: