如何用Visual Studio在网页中制作输入文本框

用Visual Studio建造的网页一般要有交互性,若是想在网页中输入文本,该怎么操作呢?笔者与大师分享一下小我的操作经验。

工具/原料

  • Visual Studio 2015

方式/步骤

  1. 1

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

  2. 2

    首先,找到body标签,如下图所示。

  3. 3

    接着,找到div标签,位置如下图所示。

  4. 4

    代码中,先界说输入文本的框架,输入文本的框架高和宽各为300像素。

  5. 5

    padding-top暗示输入文本框与顶部的衬距,本例为25像素。

  6. 6

    margin-left和margin-right暗示输入文本框与网页左侧和右侧的距离,本例设置为auto即主动。

  7. 7

    接着,界说文本框的位置类型,本例设置为以左侧为基准浮动。

  8. 8

    最后,界说输入文本框的格局,如下图所示。

  9. 9

    输入文本框取名为INput,类型为文本。

  10. 10

    maxlength为设置的可以输入的最多字数,本例设置为20个字符。

  11. 11

    文本框的边框设置为无,高为30像素,宽为200像素。

  12. 12

    设置字体大小为20号,字体颜色为蓝色。

  13. 13

    在浏览器中预览网页,可以看到一个输入文本框,操作者可以自由的输入文字。

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

相关问题

0 条评论

请先 登录 后评论