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

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

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

文章插图

需要这些哦
Visual Studio 2015
方式/
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运行法式 , 在网页中插入了两个单选按钮 , 单击肆意一个单选按钮可以选中它 。

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

推荐阅读