HTML5App商业开发实战教程基于WeX5可视化开发平台电子资源 教学全套课件配套资源课时17- H5表单.pptxVIP

H5表单HTML5 核心技术本课内容熟悉HTML5表单元素的属性了解HTML5表单类型H5增强的表单Form 改进功能 改进语义化 增强用户体验 提高工作效率 丰富的INPUT 增强表单属性HTML5 新增的Input类型HTML5 新增的Input类型 email 和 urlHTML5 新增的Input类型date和timeHTML5 新增的Input类型datetime 和 datetime-localHTML5 新增的Input类型month 和 weekHTML5 新增的Input类型datalist还有,number , range , search , color ………………….HTML5 表单属性placeholderpatternplaceholderpatternmultiple =“true”/“false”属性. 当该属性为 true 时,规定可一次选定多个项目.autocomplete =“on”/“off”属性. 规定 form 或 input 域应该拥有自动完成功能。multipleHTML5 表单新增属性pattern属性配合正则表达式验证电子邮箱， 或者电话号码等是否符合要求。required=“required”：规定必须在提交之前不能为空。requiredplaceholder=“默认值”：提供一种默认值， 在输入域获得焦点时消失。multipleHTML5 表单新增属性requiredautofocus=“autofocus”属性：在页面加载时， 域自动地获得焦点。autocompleteantofocusautocompleteantofocus总结HTML5 新增的Input类型HTML5 增强的表单属性HTML5 表单新增属性： placeholder、pattern、required、antofocus、 autocomplete 、multipleplaceholder 属性：提供一种默认值，会在输入域为空时显示出现，会在输入域获得焦点时消失。placeholder=“默认值“pattern属性配合正则表达式验证电子邮箱，或者电话号码等是否符合要求。pattern=(\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$“required=“required”：规定必须在提交之前填写输入域（不能为空）。autofocus 属性：规定在页面加载时，域自动地获得焦点，适用于所有 input 标签的类型。autofocus=“autofocus”autocomplete属性：规定 form 或 input 域应该拥有自动完成功能。autocomplete =“on”/“off”multiple属性：当该属性为 true 时,规定可一次选定多个项目,一般应用于select。multiple =“true”/“false”