交互前
交互后
3
教学小结
Teaching Summary
本节主要讲解单选框表单的相关内容，重点掌握单选框功能与 设置方法，要求学习者理解并加以应用。
单选框表单
教学目标
T 理解单选框表单的作用
• 掌握单选框表单的添加与设置
2
教学内容
Teaching Content
单选框表单
WEB PAGE CATEGORY
• 作用
只能选中一项命令。是图形用户界面上的一种控件，它容许用户在一组选项中选择其中一个。 单选框一旦选上，除了选择另一个选项之外，便没法取消。常用于二选一的选项。
效果
单选框表单
WEB PAGE CATEGORY
• 应用
志愿:<input name=“” type="radio“ value="“ checked />入伍 <input type="radio“ value="" />工作
注释：name是单选框的名称，用于服务器端接收参数使 用，就像每个人的名字一样，type是表单类型，value表 示选中项目后传送到服务器端的值，checked表示此项被 默认选中。
单选框表单
WEB PAGE CATEGORY
• 应用
情形一：单选框未交互前都没选中，交互后显示都选中。原因在于name属性没有设置或设置的值 不一致。 志愿:<input name=“” type="radio“ value="“ />入伍 <input type="radio“ value="" />工作
交互前
交互后
单选框表单
WEB PAGE CATEGORY
• 应用
情形二：单选框未交互前都没选中，交互后交替显示被选中。 志愿:<input name=“rad1” type="radio“ value="“ />入伍 <input name=“rad1” type="radio“ value="" /> 工作