js如何让input的边框加粗

在js中,可以使用borderWidth属性来设置input边框的粗细。下面小编举例讲解js如何让input的边框加粗。

dda98e4800fc77f7bb28be96c8715fdb372090bc.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80

东西/原料

  • 联想笔记本Air14
  • 操作系统Windows 10
  • zend studio10.0
  • html+js

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解js如何让input的边框加粗。

    4080a927ac5306888c0a447c57e8904801fc96bc.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80
  2. 2

    在test.html文件内,利用input标签建立一个文本框,用于测试。

    b666b2530688912cbbec3d5e1b4800fc76f797bc.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80
  3. 3

    在test.html文件内,设置input标签的id属性为wone。

    ad121888912ca5cac3ce71fe8bfc77f7990e94bc.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80
  4. 4

    在test.html文件内,建立script标签,用于编写js代码。

    07c98f2ca5cadce8b06ee14afcf7980e5e2095bc.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80
  5. 5

    在js标签内,经由过程id获得input对象,再经由过程borderWidth属性设置边框的粗细,例如,这里设置input边框为5px宽。

    906dbbcadce8904821da9641130e5f20427192bc.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80
  6. 6

    在浏览器打开test.html文件,查看成果。

    a48bc2e8904800fc55d179b8d42043715edb93bc.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80END
  7. 6

总结:

  1. 1

    1、利用input标签建立一个文本框,设置input标签的id属性为wone。2、在js标签内,经由过程id获得input对象,再经由过程borderWidth属性设置边框的粗细,例如,这里设置input边框为5px宽。3、在浏览器打开test.html文件,查看成果。

    END
  • 发表于 2021-07-09 20:00
  • 阅读 ( 323 )
  • 分类:其他类型

相关问题

0 条评论

请先 登录 后评论