如何在网页中用Visual Studio插入复选框

在交互式网页中，复选框是一个主要的功能，如何用Visual Studio在网页中插入复选框呢？笔者与大师分享一下操作经验。

工具/原料

• Visual Studio 2015

方式/步骤

1. 1

   用Visual Studio打开一个已有的网页，本例为TwoFish网站中的Default.aspx网页。

   
2. 2

   找到body标签下的div标签，如下图所示。

   
3. 3

   首先，在div标签下，输入节制复选框格局的代码。

   
4. 4

    此中，height为整个复选框的高度，width为整个复选框包罗文本的宽度。

   
5. 5

   复选框离网页顶部的衬距为25像素，离左侧的距离为125像素，离右侧的距离设置为主动。

   
6. 6

   接着，界说复选框的颜色格局，位置以左侧为基准浮动，颜色为蓝色。

   
7. 7

   然后，界说复选框，复选框的类型是checkbox，名称为select。

   
8. 8

   最后，设置复选框的文本格局，代码如下图所示。

   
9. 9

   文本的字体大小，设置为20号。

   
10. 10

    文本的字体颜色为蓝色，代码如下图。

    
11. 11

    复选框的文本内容为选中，代码写在font标签内。

    
12. 12

    在浏览器中浏览网页，可以看到在页面中添加了一个复选框，单击可以选中它。