如何在网页中用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

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

  • 发表于 2018-04-17 00:00
  • 阅读 ( 299 )
  • 分类:其他类型

相关问题

0 条评论

请先 登录 后评论