Dreamweaver CS6如何应用：[21]使用单选复选

单选按钮和复选框是表单交互过程中的重要元素之一。在页面中通过提供单选按钮和复选框，使用户可以选择页诹鬃蛭镲面中的某些数据，帮助用户快速地传送数据，例如注册会员时，在性别一栏中会让我们选择性别是男是女。下面我们一起来看一下单选按钮和复选框的基础知识吧

工具/原料

Dreamweaver CS6

一、单选按钮

1、单选按钮是指只能在选择时进行一项相关设置。其短铘辔嗟具体语法格式如下所示： <label>我们的数据 <input type="radio" name="名字" id="标识" value="值"> </label>

2、复选框是指能够同时提供多项相关设置，用户可以随意选择。其具体语法格式如下所示： <la水瑞侮瑜bel>我们的数据 <input type="checkbox" name="名字" id="标识" value="值" > </label>

3、具体操作如下：创建一个HTML空白页

4、在菜单栏中选择’插入‘----’表单‘----’单选按钮‘

5、在弹出的对话框’输入标签辅助功能属性‘输入ID和标签，标签输入’男‘

6、重复操作，将标签改为’女‘

7、效果如下：

二、复选框

1、在菜单栏中选择’插入‘----’表单‘----’复选框‘

2、在弹出的对话框’输入标签辅助功能属性‘输入ID和标签，标签输入’足球‘

3、重复操作，在标签分别输入’篮球‘、’排球‘

4、按F12预览，效果如下：