新增表单
新增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 的形式可自动获得焦点 |