手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间: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、运行程序,在网页中插入了两个单选按钮,单击任意一个单选按钮可以选中它。

如何在网页中插入单选按钮
如何在网页中插入单选按钮
© 手抄报圈