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、在菜单栏中选择’插入‘----’表单‘----’单选按钮‘
![Dreamweaver CS6如何应用:[21]使用单选复选](https://exp-picture.cdn.bcebos.com/4759c1dae43b3b866d537de4185653bbf92075c5.jpg)
6、重复操作,将标签改为’女‘
7、效果如下:
![Dreamweaver CS6如何应用:[21]使用单选复选](https://exp-picture.cdn.bcebos.com/65ba880b312105617cd1675a08aee8d7582a6ac5.jpg)
2、在弹出的对话框’输入标签辅助功能属性‘输入ID和标签,标签输入’足球‘
![Dreamweaver CS6如何应用:[21]使用单选复选](https://exp-picture.cdn.bcebos.com/031231632385e0366ae3755bb8e039723c035ac5.jpg)
4、按F12预览,效果如下:
![Dreamweaver CS6如何应用:[21]使用单选复选](https://exp-picture.cdn.bcebos.com/f7e6410f822b74ee844079abda2c8cf1d9a74ac5.jpg)