基本信息
文件名称:web前端智能table表单样式.pptx
文件大小:68.76 KB
总页数:5 页
更新时间:2024-10-28
总字数:约小于1千字
文档摘要

web前端开发-H5table样式:智能表单01

本节课内容01HTML5+CSS3 智能表单控件

智能控件01HTML5+CSS3新的输入型控件email:电子邮箱文本框,跟普通的没什么区别当输入不是邮箱的时候,验证通不过tel:电话号码url:网页的URLsearch:搜索引擎chrome下输入文字后,会多出一个关闭的Xrange:特定范围内的【数值】选择器min、max、step(步数)value位置

智能控件01HTML5+CSS3新的输入型控件number:只能包含数字的输入框color:颜色选择器datetime:显示完整日期datetime-local:显示完整日期,不含时区time:显示时间,不含时区date:显示日期week:显示周month:显示月

智能控件01HTML5+CSS3新的表单特性和函数placeholder:输入框提示信息例子:微博的密码框提示autocomplete:是否保存用户输入值默认为on,关闭提示选择offautofocus:指定表单获取输入焦点truelist和datalist:为输入框构造一个选择列表list值为datalist标签的idrequired:此项必填,不能为空Pattern:正则验证pattern=\d{1,5}“Formaction在submit里定义提交地址