html中text的size,HTML Input Text size用法及代码示例

HTML DOM中的Input Text size属性用于设置或返回Input Text Field的size属性的值。 size属性用于定义文本字段的宽度。默认值为20。

用法:

它返回输入文本大小属性。textObject.size

它用于设置输入文本大小属性。textObject.size = number

属性值：它包含一个单一的数字，用于根据字符数指定文本字段的宽度。

返回值：它返回以字符数表示文本字段宽度的数值。

范例1：本示例说明了如何返回输入文本大小属性。

HTML DOM Input Text size Property

GeeksForGeeks

DOM Input Text size Property

value="Hello Geeks!" size="20">

Click Here!

function myGeeks() {

var txt = document.getElementById("text_id").size;

document.getElementById("GFG").innerHTML = txt;

}

输出：

在单击按钮之前：

单击按钮后：

范例2：本示例说明了如何设置属性。

HTML DOM Input Text size Property

GeeksForGeeks

DOM Input Text size Property

value="Hello Geeks!" size="20">

Click Here!

function myGeeks() {

var txt = document.getElementById("text_id").size

= "40";

document.getElementById("GFG").innerHTML

= "The Value of the size attribute was "

+ "changed to " + txt;

}

输出：

单击按钮之前：

单击按钮后：

支持的浏览器：下面列出了DOM Input Text size属性支持的浏览器：

谷歌浏览器

IE浏览器

Firefox

Opera

Safari