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

动态网页中，为了与用户更好的交互，往往要用到单选按钮，如何用Visual Studio在网页中插入单选按钮呢？笔者与大师分享一下操作经验。

工具/原料

• Visual Studio 2015

方式/步骤

1. 1

   首先，用div标签插入单选按钮格局结构的代码。

   
2. 2

   界说单选按钮的高度为30像素，宽度为260像素。

   
3. 3

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

   
4. 4

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

   
5. 5

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

   
6. 6

   单选按钮的标识为show，如下图所示。

   
7. 7

   用type界说插入对象的类型，类型值为radio。

   
8. 8

   界说单选按钮的名字，值为show。

   
9. 9

   设置value的值为1，即该单选按钮处于选中状况。

   
10. 10

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

    
11. 11

    最后，设置另一个单选按钮，其显示的名称为埋没。

    
12. 12

    注重埋没单选按钮的value值为0，即处于没有选中的状况。

    
13. 13

    运行法式，在网页中插入了两个单选按钮，单击肆意一个单选按钮可以选中它。