如何在网页中插入单选按钮

 时间:2024-10-13 04:37:04

1、首先,用div标签插入单选按钮格式布局的代码。

如何在网页中插入单选按钮

2、定义单选按钮的高度为30像素,宽度为260像素。

如何在网页中插入单选按钮

3、设置单选按钮与上一对像的衬距,值为20像素。

如何在网页中插入单选按钮

4、单选按钮与网页顶部、左侧、右侧的距离为auto,即设置为自动。

如何在网页中插入单选按钮

5、接着,用input标签插入名为显示的单选按钮。

如何在网页中插入单选按钮

6、单选按钮的标识为show,如下图所示。

如何在网页中插入单选按钮

7、用type定义插入对象的类型,类型值为radio。

如何在网页中插入单选按钮

8、定义单选按钮的名字,值为show。

如何在网页中插入单选按钮

9、设置value的值为1,即该单选按钮处于选中状态。

如何在网页中插入单选按钮

10、单选按钮在网页中的名称为显示,如下图所示。

如何在网页中插入单选按钮

11、最后,设置另一个单选按钮,其显示的名称为隐藏。

如何在网页中插入单选按钮

12、注意隐藏单选按钮的value值为0,即处于没有选中的状态。

如何在网页中插入单选按钮

13、运行程序,在网页中插入了两个单选按钮,单击任意一个单选按钮可以选中它。

如何在网页中插入单选按钮
如何在网页中插入单选按钮
  • Dreamweaver cs5怎么设置文本样式和字体
  • Dreamweaver学习:[13]网页设置链接样式
  • Dreamweaver如何设置辅助功能
  • Dreamweaver CS3中的表单对象各选项的含义
  • 如何使用DW工具给图片添加热点
  • 热门搜索
    法律进校园手抄报 简单的手抄报 关于感恩老师的手抄报 健康教育手抄报内容 手抄报的版面设计 初中英语手抄报图片 文明交通我见证手抄报 手抄报板块 关于冬天的手抄报 手抄报关于读书