移动WEB开发之表单元素.pptx

目录表单元素的类型表单元素中的属性实例5-1：验证输入的是否是一个URL地址实例5-2：验证输入的数值是否合法实例5-3：实现一个简单的乘法计算器实例5-4：在网页中生成一个密钥综合实例：制作一个颜色滑动控制器表单元素的类型HTML5提供了多个新的表单输入类型，这些新类型为我们提供了更好的输入控制和验证功能。在HTML5标记语言中，包含了如下所示的输入类型。1?email?url?number?range?Date pickers（date，month，week，time，datetime，datetime-local）?search?color5.1.1 email类型表单元素的类型1在HTML5标记语言中，email类型用于包含Email地址的输入域。如果将input元素中的“type”类型设置为“email”，将在页面中创建一个专门用于输入邮件地址的文本输入框。在显示页面时，这个文本框与其他文本框没有区别，专门用于接收Email地址信息。当提交表单时，会自动检测文本框中的内容是否符合Email邮件地址格式，如果不符则提示相应错误信息。在现实应用中，在提交表单之前不会检测email类型文本框的内容是否为空，只有在不为空的情况下才会检测其内容是否符合标准的Email格式。如果将该元素的“multiple”属性设置为“true”，则表示允许用户输入一串用逗号分隔的Email地址。