任务1-制作基本信息区

任务1：制作基本信息区WEB6.1 任务1：制作基本信息区【任务描述】本任务主要实现“新闻网”中新用户注册页面的上半部分基本信息区，使学习者
理解表单的概念，熟练掌握创建表单的基本元素，并能够对各种单行输入控件进行创建和修饰。制作基本信息区表单按钮复选框表单基础单行文本框
单选按钮文件上传域表单中辅助标记密码框定义列表单基础表单用于收集不同类型的用户输入,向服务器传输数据,是网站管理员与浏览者之间沟通
的桥梁。利用表单可以收集、分析用户的反馈意见，做出科学的、合理的决策。创建表单语法：表单基础

表单元素... >表单基础 表单元素...

form标签
常用属性表单基础1：设置表单属性表单中辅助标记

标签可以将表单内的相关元素分组。基本语法：

......

表单中辅助标记

元素
为

元素定义标题。基本语法：

...... end> ......

表单中辅助标记 标签为表单元素定义标注，labe
l 元素不会向用户呈现任何特殊效果。通过设置for属性，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。基本语
法：

Male id="id值"/>

表单中辅助标记表单中辅助标记的使用单行文本框 标签,当type=text，表示一个
单行文本框，供用户输入信息基本语法：

单行文本框常用属性：密码框
标签,当type=password，表示一个密码框，供用户输入信息基本语法：

"password"/>

常用属性：密码框表单基本元素的使用2：制作“邮箱登录”表单按钮 标签,当typ
e=”submit”，表示一个提交按钮 标签,当type=”reset”，表示一个重置按钮 标签,当t
ype=”image”，表示一个图片按钮，用于提交表单 标签,当type=”button”，表示一个普通按钮 ton>标签，type属性有submit、reset和button三种类型值。表单按钮3：制作“会员登录”单选按
钮 标签,当type=radio，表示一个单选按钮，供用户选择基本语法：

常用属性：单选按钮

value=”0”/>男 cked” value=”1”/>女 ......

单选按钮复选框 标签,当type=checkbox，
表示一个复选框，供用户选择基本语法：

常用属性：复选框<
form> 爱好： 书法音乐 type="checkbox" name="interest" value="3" checked />玩游戏复
选框复选框4：制作“调查问卷”文件上传域 标签,当type=file，表示一个文件上传域，供用户选择文件进行上传基本
语法：

”myFile”/>

文件上传域常用属性：

le” multiple="multiple"/>

文件上传域课堂实训任务描述：本任务主要实现“新闻网”中新用户注
册页面的上半部分基本信息区，使学习者理解表单的概念，熟练各种单行输入控件创建和修饰。课堂实训任务描述：制作班级网站中“大学生对食堂
要求的问卷调查”，并设置问卷中各元素不同样式。问卷中包含单选按钮、复选框、文本输入框和提交按钮等。课堂实训任务描述：制作班级网站中
邮箱注册页面，熟练创建表单元素，并设置表单元素样式，灵活应用表格技术设置页面结构。任务1-制作基本信息区掌握表单的概念及创建方法；掌握表单中辅助标记的使用；掌握单行输入标记各种类型使用。课后作业超星学习平台上完成本模块作业学习平台完成线上预习任务学习平台中参与话题讨论学习平台中按要求完成过程性考核任务