HTML5之智能表单x

《HTML5之智能表单x》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、HTML5+CSS3网站布局与制作HTMl5新增input输入类型（重点）11HTMl5新增input属性（重点）22HTML5表单元素的特殊应用331HTMl5新增input输入类型（重点）类型说明tel用于含电话号码的输入域email用于含e-mail地址的输入域。url用于含url地址的输入域。number用于含数值的输入域。1HTMl5新增input输入类型（重点）类型说明color用于选择颜色range用于含一定范围内数字值的输入域，显示为滑动条search用于专门输入搜索关键词的1HTMl5新增input输入类型（重点）类型

2、说明date当该文本框获取焦点时，显示日历month用来输年和月份的week用来输年和周号的time用来输时间的datetime-local用来输入本地日期和时间的2HTMl5新增input属性（重点）属性值说明requiredrequired（可省）表单拥有该属性表示其内容不能为空，必填placeholder提示文本表单的提示信息，存在默认值将不显示autofocusautofocus（可省）自动聚焦属性，页面加载完成自动聚焦到指定表单pattern正则表达式输入的内容必须匹配到指定正则3HTML5表单元素的特殊应用1、placeho

3、lder、required和autofocus的应用2、pattern的应用3HTML5表单元素的特殊应用3、自动填充功能的应用3HTML5表单元素的特殊应用

4、影名称"/>他是龙微微一笑很倾城寒战温馨提示：1、input中list属性值务必与datalist中的id值相同。2、datalist标签（列表）配合option标签（列表项）实现的自动填充功能。3HTML5表单元素的特殊应用4、百度搜索框应用

5、ch"requiredplaceholder="请输入关键词"results>王宝强王宝强获商家力挺王宝强离婚案3HTML5表单元素的特殊应用5、滑动条的应用3HTML5表单元素的特殊应用

6、ue=this.value"/>20温馨提示：1、min：最小值，max：最大值，step：频数，value：默认值。2、onchange：当用户改变input输入框内容时，更新滑块的值。3、output：定义不同类型的输出。总结本讲主要学习了HTML５新增的input输入类型和input属性。作业1、完成课件的案例。2、自己设计一套搜索页面、注册页面和登录页面。