欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

vs网页怎么插入两个单选按钮?

程序员文章站 2023-12-10 12:47:34
vs网页怎么插入两个单选按钮?...

visual studio2015玩野中想要插入单选按钮,该怎么插入呢?下面我们就来看看详细的教程。

vs网页怎么插入两个单选按钮?

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

vs网页怎么插入两个单选按钮?

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

vs网页怎么插入两个单选按钮?

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

vs网页怎么插入两个单选按钮?

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

vs网页怎么插入两个单选按钮?

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

vs网页怎么插入两个单选按钮?

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

vs网页怎么插入两个单选按钮?

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

vs网页怎么插入两个单选按钮?

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

vs网页怎么插入两个单选按钮?

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

vs网页怎么插入两个单选按钮?

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

vs网页怎么插入两个单选按钮?

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

vs网页怎么插入两个单选按钮?

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

vs网页怎么插入两个单选按钮?

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

vs网页怎么插入两个单选按钮?

vs网页怎么插入两个单选按钮?

以上就是vs2015添加单选按钮的教程,希望大家喜欢,请继续关注。

相关标签: VS 网页 按钮