第03章__HTML5的表单(HTML5基础开发教程).ppt

3.1 input输入类型 HTML4中input元素仅用于输入最基础的文本信息，HTML5为input元素新增了如下几种输入类型 （1）email类型 在HTML5将一个input元素的类型设置为email时，表明该输入框用于输入电子邮件地址。当页面加载时，该input元素对应文本框与其他类型文本框显示效果相同，但是仅限于输入电子邮件格式的字符串。表单提交时，将会自动检测输入内容是否为email。 （2）日期时间类型 HTML5中将一个input元素的类型设置为日期时间类型，即可在页面中生成一个日期时间类型的输入框。当用户点击对应日期输入框式，会弹出日期选择界面，选择日期后该界面自动关闭，并将用户选择具体日期填充在输入框中。用户可设置的日期时间类型包括date、week、month、time、datetime、datetime-local，各种类型对应的输入框界面及功能有所区别。 （3）range类型 HTML5中当一个input元素的类型设置为range时，将在页面中生成一个区域选择控件，用于设置选择区域信息。 （4）search类型 HTML5中当一个input元素的类型设置为search时，表明该输入框用于输入查询关键字。search类型的input元素在页面中显示效果与普通input元素相似，且也用于接收输入字符串信息，但是显示效果与