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

 时间:2026-02-14 16:19:07

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工具给图片添加热点
  • 热门搜索
    优步跑步机怎么样 纠正视力的方法 晒黑了怎么快速变白 谷歌浏览器怎么设置主页 菜谱家常菜做法 粉丝娃娃菜的家常做法 白癜风治疗方法 怎么做excel表格 牛腱子肉怎么做好吃 鸡块的做法大全家常