新增表单
新增type属性值
类型 |
使用示例 |
含义 |
email |
<input type="email"> |
输入邮箱格式 |
tel |
<input type="tel"> |
输入手机号码格式 |
url |
<input type="url"> |
输入url 格式 |
numbe |
<input type="number"> |
输入数字格式 |
search |
<input type="search"> |
搜索框(体现语义化) |
range |
<input type="range"> |
自由拖动滑块 |
time |
<input type="time"> |
小时分钟 |
date |
<input type="date"> |
年月日 |
datetime |
<input type="datetime"> |
时间 |
month |
<input type="month"> |
月年 |
week |
<input type="week"> |
星期 年 |
<form action="">
email:<input type="email"> <br/ >
tel:<input type="tel"><br/ >
url:<input type="url"><br/ >
number:<input type="number"><br/ >
search:<input type="search"><br/ >
range:<input type="range"><br/ >
time:<input type="time"><br/ >
date:<input type="date"><br/ >
datetime:<input type="datetime"><br/ >
month:<input type="month"><br/ >
week:<input type="week"><br/ >
<input type="submit" value="提交"><br/ >
</form>

新增表单属性
属性 |
用法 |
含义 |
placeholder |
<input type="text" placeholder="请输入用户名"> |
占位符,当用户输入的时候,里面的文字消失 |
autofocus |
<input type="text" autofocus> |
规定当页面加载时input 元素应该自动获得焦点 |
multiple |
<input type="file" multiple> |
可以支持多文件上传 |
required |
<input type="text" required> |
必填项,内容不能为空 |
accesskey |
<input type="text" accesskey="s"> |
设置元素获得焦点的快捷键,比如设置为s 时,采用alt + s 的形式可自动获得焦点 |