前端学习笔记|2.6 表单进阶

新增属性 【前端学习笔记|2.6 表单进阶】autofocus属性:
给文本框,选择框,或按钮控件加上该属性,当打开页面是,该控件自动获得国标焦点,一个页面只能有一个。
required属性:
验证输入不能为空
Multiple:
可以输入一个或多个值,每个值之间用逗号分开
例: 还可用于file
pattern:
将属性值设为某个格式的正则表达式,在提交时会检查内容是否符合给定格式。
例:
单选框

一般

复选框(多选)

上传文件

图片按钮(带提交功能)

隐藏按钮

禁用,只读
不满意

下拉菜单
size="1">

多行文本输入框-文本域
> textarea{ resize:none; /*resize 重新设置大小,vertical横向,horizontal纵向,both随意,none*/ } >

字段集 前端学习笔记|2.6 表单进阶
文章图片

爱好

音频标签

视频标签

颜色,日历,时间
颜色选择:
邮箱:
url地址:
电话号码:
滑动条:
数字类型:
搜索:
日期选择:
本地时间:

搜索框选项列表 前端学习笔记|2.6 表单进阶
文章图片


    推荐阅读