网页设计与制作 课件 o19 制作环保倡议表单.pptxVIP

制作环保倡议表单模块6添加表格和表单湖南安全技术职业学院网页设计与制作教学团队

入门测作业分析知识回顾表单域：forminput控件：文本框、密码框、单选按钮、复选框、提交按钮、重置按钮textarea控件：多行文本域select控件：下拉列表框复习巩固

任务描述为了能够更好地进行环保宣传，我们想要对用户进行调研，收集用户的姓名、邮箱、联系电话等相关信息，并且要求在进行相关内容填写时，还要确保数据的有效性。本任务学习HTML5新增的type类型及新增属性，完成“环保倡议”表单设计。

新的input控件类型新的input控件属性使用CSS控制表单样式学习内容

新的input控件类型新的input控件类型属性说明type=”email”电子邮件地址type=”url”网址输入type=”tel”电话号码type=”search”搜索框type=”number”数字输入type=”range”滑块控件type=”date”日期选择器type=”time”时间选择器type=”color”颜色选择器

新的input控件属性新的input控件属性属性说明required必填字段pattern正则表达式验证min数值/日期的最小值max数值/日期的最大值minlength输入内容的最小/最大长度maxlength输入内容的最小/最大长度placeholder输入提示文本autofocus