6.1.5Input元素的其他属性 (1).pptx

6.3Input元素及属性了解Input元素的其他属性，能够列举input/标记还有哪些属性及属性的功能。学习目标2.Input元素的其他属性

6.3Input元素及属性2.Input元素的其他属性除了type属性之外，input/标记还可以定义很多其他的属性，以实现不同的功能。autofocus属性用于指定页面加载后是否自动获取焦点，将标记的属性值指定为true时，表示页面加载完毕后会自动获取该焦点。autofocus属性1

6.3Input元素及属性2.Input元素的其他属性除了type属性之外，input/标记还可以定义很多其他的属性，以实现不同的功能。HTML5中的form属性，可以把表单内的子元素写在页面中的任一位置，只需为这个元素指定form属性并设置属性值为该表单的id即可。form属性2

6.3Input元素及属性2.Input元素的其他属性除了type属性之外，input/标记还可以定义很多其他的属性，以实现不同的功能。list属性用于指定输入框所绑定的datalist元素，其值是某个datalist元素的id。list属性3

6.3Input元素及属性2.Input元素的其他属性除了type属性之外，input/标记还可以定义很多其他的属性，以实现不同的功能。multiple属性指定输入框可以选择多个值，该属性适用于email和file类型的input元素。multiple属性4

6.3Input元素及属性2.Input元素的其他属性除了type属性之外，input/标记还可以定义很多其他的属性，以实现不同的功能。HTML5中的min、max和step属性用于为包含数字或日期的input输入类型规定限值，也就是给这些类型的输入框加一个数值的约束，适用于date、pickers、number和range标签。min、max和step属性5min规定输入框所允许的最小输入值。max规定输入框所允许的最大输入值。step为输入框规定合法的数字间隔，如果不设置，默认值是1。

6.3Input元素及属性2.Input元素的其他属性除了type属性之外，input/标记还可以定义很多其他的属性，以实现不同的功能。pattern属性用于验证input类型输入框中，用户输入的内容是否与所定义的正则表达式相匹配。pattern属性适用于的类型是：text、search、url、tel、email和password的input/标记。pattern属性6

6.3Input元素及属性2.Input元素的其他属性除了type属性之外，input/标记还可以定义很多其他的属性，以实现不同的功能。正则表达式说明^[0-9]*$数字^\d{n}$n位的数字^\d{n,}$至少n位的数字^\d{m,n}$m-n位的数字^(0|[1-9][0-9]*)$零和非零开头的数字^([1-9][0-9]*)+(.[0-9]{1,2})?$非零开头的最多带两位小数的数字^(\-|\+)?\d+(\.\d+)?$正数、负数、和小数^\d+$或^[1-9]\d*|0$非负整数^-[1-9]\d*|0$或^((-\d+)|(0+))$非正整数^[\u4e00-\u9fa5]{0,}$汉字^[A-Za-z0-9]+$或^[A-Za-z0-9]{4,40}$英文和数字

6.3Input元素及属性2.Input元素的其他属性除了type属性之外，input/标记还可以定义很多其他的属性，以实现不同的功能。^[A-Za-z]+$由26个英文字母组成的字符串^[A-Za-z0-9]+$由数字和26个英文字母组成的字符串^\w+$或^\w{3,20}$由数字、26个英文字母或者下划线组成的字符串^[\u4E00-\u9FA5A-Za-z0-9_]+$中文、英文、数字包括下划线^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$Email地址[a-zA-z]+://[^\s]*或^http://([\w-]+\.)+[\w-]+(/[\w-./?%=]*)?$URL地址^\d{15}|\d{18}$身份证号(15位、18位数字)^([0-9]){6,18}(x|X)?$或^\d{8,18}|[0-9x]{8,18}|[0-9X]{8,18}?$以数字、字母x结尾的短身份证号码^[a-zA-Z][a-zA-Z0-9_]{4,15}$帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)^[a-zA-Z]\w{5,16}$密码(以字母开头，长度在6~18之间，只能包含字母、数字和下划线)正则表达式说明

6.3Input元素及属性2.Input