HTML5表单API项目ppt课件

.第4章HTML5表单API项目、目录、4.1用户登录页的设计与实现、4.1用户登录页的设计与实现、功能介绍：使用HTML5表单技术实现用户登录页，用户名、密码、实名和电子邮件地址等信息.4.1用户注册页面的设计与实现、验证要求：需要在各输入栏的文本框中显示提示信息。 用户在点击按钮提交登录信息时，能够验证所有栏都是必须项目和电子邮件地址的有效性。4.1用户注册页的设计和实现，使用4.1.1接口设计分区CSS外部样式表定义样式reg.css的主要属性： box-shadow :10 px 10 px 15 px black；4.1用户注册页面的设计与实现，4.1.2表单设计使用标签形成文字标签的各种输入框type=text :形成单行文本框的type=password :密码框type=email 创建提交按钮，4.1用户注册页的设计和实现，4.1.3提示和验证功能的实现，1 .使用标签的placeholder属性的提示效果，用户名：4.1用户注册页的设计和实现，4.1.3提示和验证功能的实现，2 .使用标签的required属性的非4.1用户注册页面的设计和实现4.1.3提示和验证功能的实现3 .使用标签的email类型实现电子邮件验证，4.1.3提示和验证功能的实现4 .使用标签的autocomplete属性实现内容的自动记忆补充， 4.2问卷的设计和实现，主题介绍：随着移动终端的普及，手机移动支付业务成为现在市场支付手段的发展趋势。 以手机移动支付业务为例，利用HTML5表单技术实现了相关业务的问卷调查页面。4.2问卷页面的设计与实现，功能要求：1.用户可以根据问卷问题填写单选、多选和结尾处的姓名、位置、联系电话等信息。 2 .必须在输入栏的每个文本框中显示提示信息。 3 .用户在点击按钮提交登录信息时，能够验证所有栏都是必须项目和电子邮件地址的有效性。4.2设计和实现调查页面，4.2.1接口设计使用分区域使用CSS外部样式表定义样式questionnaire.css的主要属性： box-shadow :10 px 10 px 15 px black；4.2调查表页面的设计和实现，4.2.2表单设计1 .形成表单区域2 .使用规则列表标签设计问题样式4.2调查表页面的设计和实现， 4.2.2使用表单设计3 .标签填写个人信息栏type=text :名称、位置type=tel :联系人电话：问题类型=radio :单选问题类型=checkbox :多选问题、4.2问卷调查页的设计和实现4.2.2使用表单设计4 .标签填写个人信息4.2调查页面的设计与实现，4.2.2表单设计5 .使用标签发送调查按钮type=submit，4.2调查页面的设计与实现，4.2.3验证功能的实现1 .使用标签的required属性实现单选框的非空白验证，你的教育程度如何？ 高中，4.2问卷页面的设计与实现，4.2.3验证功能的实现，2 .使用标签required属性进行个人信息栏的非空白验证，您的姓名、 4.2设计和实现问卷调查页4.2.3实现验证功能使用JavaScript自定义函数实现多选框非空验证question