如何在网页中插入标签框

在建造网页的输入文本框时,有些文本框往往要插手标签,若何用Visual studio在网页中插入带标签的输入文本框呢?笔者与大师分享一下本身的操作经验。

东西/原料

  • Visual studio 2015

方式/步调

  1. 1

    用Visual studio软件打开一个已有的网页,本例为join.aspx。

  2. 2

    起首,用div标签在网页中插入一个输入文本框的格局结构。

  3. 3

    设置输入文本框的高度为33像素,宽度为260像素。

  4. 4

    输入文本框离顶部的衬距为30像素,用padding-top暗示。

  5. 5

    设置输入文本框离顶部、左侧和右侧的距离为auto,即距离为主动。

  6. 6

    接着,用input标签,在网页中插入带标签的输入文本框。

  7. 7

    设置输入文本框的类型为文本,用属性type界说。

  8. 8

    输入文本框的标识为shuru,用属性id暗示。

  9. 9

    聚焦和释放标签的核心,onfocus为获取核心,onblur为掉去核心。

  10. 10

    设置输入标签的标签值为输入,用属性value设置。

  11. 11

    设置输入文本框的边框为3像素,颜色为蓝色。

  12. 12

    最后,设置输入文本框的行高,以及能输入的最多字符数。

  13. 13

    运行法式,在网页中插入了一个带有标签的输入文本框,在文本框中可以自由的输入文本,长度为20个字符。

注重事项

  • 作者声明:本篇经验系本人辛勤奋动的原创当作果,未经许可,回绝转载。
  • 发表于 2018-05-28 00:00
  • 阅读 ( 699 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具