大众计算机学习网

专门提供各种电脑教程

HTML文本框的宽度如何设置

Admin | 2015-4-2 9:21:43 | 被阅次数 | 4643

  至于文本框的宽度设置方法有多种,不过据我实践证明,就只有一种有效果。

  比如,有这样的一个文本框对象:<input type="text"

  当我们在DW中对其长度进行设置的时候,会有这样的一个属性:<input type="text" id="GoToNum" width="100px" 原本以为width="100px"属性就能控制长度了,其实不然,该属性没有任何效果。

  要想控制HTML文本框的长度,其实应该使用下面的方法来设置才管用。

  <input type="text" id="GoToNum" style="width:50px; " value="1"

  知识拓展:

  ①文本框根据内容改变长度

  input type="text" onkeydown="this.onkeyup();" onkeyup="this.size=(this.value.length>4?this.value.length:4);" size="4"

  ②文本框限制输入位数

  input type="text" maxlength="4" size="4"

  限制输入四位数。