手机版

首页 IT科技安全资讯卡饭教程卡饭论坛

卡饭网 > 其他 > 正文

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

来源：本站整理作者：梦在深巷时间：2018-05-29 15:53:39

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添加单选按钮的教程，希望大家喜欢，请继续关注我们。

本周热门

本月热门