Dreamweaver CS6如何应用:[21]使用单选复选
1、单选按钮是指只能在选择时进行一项相关设置。其具体语法格式如下所示:
<label>我们的数据
<input type="radio" name="名字" id="标识" value="值">
</label>
2、复选框是指能够同时提供多项相关设置,用户可以随意选择。其具体语法格式如下所示:
<label>我们的数据
<input type="checkbox" name="名字" id="标识" value="值" >
</label>
3、具体操作如下:
创建一个HTML空白页
4、在菜单栏中选择’插入‘----’表单‘----’单选按钮‘
![Dreamweaver CS6如何应用:[21]使用单选复选](https://exp-picture.cdn.bcebos.com/4759c1dae43b3b866d537de4185653bbf92075c5.jpg)
5、在弹出的对话框’输入标签辅助功能属性‘输入ID和标签,标签输入’男‘
![Dreamweaver CS6如何应用:[21]使用单选复选](https://exp-picture.cdn.bcebos.com/4e168d5653bbf8201089a4b8ba21056105a36ec5.jpg)
6、重复操作,将标签改为’女‘
7、效果如下:
![Dreamweaver CS6如何应用:[21]使用单选复选](https://exp-picture.cdn.bcebos.com/65ba880b312105617cd1675a08aee8d7582a6ac5.jpg)
1、在菜单栏中选择’插入‘----’表单‘----’复选框‘
![Dreamweaver CS6如何应用:[21]使用单选复选](https://exp-picture.cdn.bcebos.com/586bfdefe07814315fc400dfdc6699cf035362c5.jpg)
2、在弹出的对话框’输入标签辅助功能属性‘输入ID和标签,标签输入’足球‘
![Dreamweaver CS6如何应用:[21]使用单选复选](https://exp-picture.cdn.bcebos.com/031231632385e0366ae3755bb8e039723c035ac5.jpg)
3、重复操作,在标签分别输入’篮球‘、’排球‘
![Dreamweaver CS6如何应用:[21]使用单选复选](https://exp-picture.cdn.bcebos.com/3c42a5ea3e863048f131e567c33104ebf7a752c5.jpg)
4、按F12预览,效果如下:
![Dreamweaver CS6如何应用:[21]使用单选复选](https://exp-picture.cdn.bcebos.com/f7e6410f822b74ee844079abda2c8cf1d9a74ac5.jpg)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:20
阅读量:56
阅读量:81
阅读量:25
阅读量:85