一真的小站

鳶飛魚躍,無處不是化境。

0%

二、表单

二、表单

1.type属性

写法 参数含义
text 表示导航
password 密码
tel 为了移动端打开梳子键盘
url 网址必须包含http://
unmber 只能输入数字,max;min;value
search 更人性化,文本后有X
range 范围,max;min;value默认50
color 颜色拾取
time 时间 时分秒
date 日期 年月日
datetime 仅苹果浏览器
datetime-local 通用时间日期
month 月份
week 星期

示例

1
2
<input type="text"> <br>
<input type="number" balue="60" max="100" min="0"> <br>

2.其它属性

写法 参数含义
placeholder 提示文本
autofocus 自动获取焦点
autocomplete=”on/off” on打开off关闭1、必须成功提交2、必须有name属性
required 必须输入
pattern=”“ 正则表达式验证*任意;?0或1;+1或多;
file 文件上传
multiple 选多个文件

3.下拉菜单

写法 参数含义
select 下拉菜单
option 可创建单选或多选菜单
1
2
3
<select name="" id="">
<option value=""></option>
</select>
写法 参数含义
datalist 下拉菜单
value 具体值
label 提示信息
1
2
3
4
<input type="text" list="id号">
<datalist id="id号">
<option value=""></option>
</datalist>

4.新增事件

写法 参数含义
opinput 监听当前指定元素,内容改变就会触发,键盘按下触发
onkeyup 键盘弹起触发,每一键都触发一次
oninvalid 当验证不通过触发

5.进度条

1)

写法 参数含义
progress 进度条
max 最大值
value 当前值

2)

写法 参数含义
meter 进度条度量器
high 规定较高值
low 规定较低值
max 最大
min 最小
value 当前度量值