博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML input 表单标签 type 属性 个人信息提交表HTML页面 更改 input type='color`拾色器的边框样式
阅读量:3947 次
发布时间:2019-05-24

本文共 1345 字,大约阅读时间需要 4 分钟。

<input/> type 属性

type 属性值 描述
text 没有键入type时候的默认类型,定义为输入任意文本内容;
定义输入电话号码的字段,在移动端触屏移动端使用,用于唤起数字输入键盘,并不能限定只输入纯数字
定义邮件地址,当提交表单时会自动对 email 字段的值进行验证
定义单选,在传参时,name属性值定义相同,然后设定不同的value值,<label>的for属性值对应<radio>的id属性值
checkbox 定义多选,name相同,value值不同
password 定义密码
button 定义一个纯按键,常用于触动js函数,启动JavaScript 程序
range 定义用于精确值不重要的输入数字的控件(比如 slider 控件),min,max,step,value的定义同number
search 定义搜索框,外层需要有form表单,才能在移动端的软键盘显示“搜索”
定义网址地址 ,限定网址格式
定义颜色 ,存在value值中,value值为16进制(eg.#000000),颜色从拾色器中选取,该属性的组件由两层div组成的,chrome提供了两个伪类来控制
hidden 隐藏输入字段,可以作为type=“hidden”,也可以作为hidden = “hidden”,其效果相同
submit 提交form表单操作,传参不带有x,y的坐标(如.html?fname=姓&lname=名字)
image 可做背景图片,或者提交作用(传参中带有image的x,y坐标,如.html?fname=姓&lname=名字&x=19&y=25)
重置为默认值
type 属性值-时间 -
date 定义日期(年月日)选择,格式xxxx-xx-xx
datetime-local 定义日期+时间选择,无时区限制
month 定义时间(年月),格式xxxx-xx
week 定义时间(年,周),格式xx-Wxx,无时区限制
time 定义时间(分钟),格式xx:xx,无时区限制

表单 <input type='color'/> 的样式设置

个人信息
*
*
*
请选择生日
请选择性别
请选择年级
请选择英语等级
请选择填表时间
请选择成果验收周
请输入作品网页

demo


转载地址:http://lqhwi.baihongyu.com/

你可能感兴趣的文章
linux学习之vim全选,全部复制,全部删除
查看>>
linux 学习之awk命令
查看>>
linux学习之查找文件find,locate,whereis使用
查看>>
JS中$含义及用法
查看>>
web学习之ajax记录
查看>>
web学习之ajax参数解析
查看>>
linux学习之curl命令使用
查看>>
java模板引擎中主要三个JSP,Freemarker,Velocity简述
查看>>
javascript学习之$(function() {})
查看>>
kafka初识
查看>>
mysql存储过程 --游标的使用 取每行记录
查看>>
ranger通过web界面登录用户验证类UsernamePasswordAuthenticationFilter
查看>>
墨菲定律——生活
查看>>
墨菲定律——职场
查看>>
mysql学习使用二(更新)
查看>>
java匿名内部类原理及使用
查看>>
java基础学习之Timer定时器使用
查看>>
Linux中修改环境变量及快速生效方法
查看>>
Linux学习 - vi/vim 编辑器显示行号
查看>>
linux 卸载python
查看>>