html input size,HTML Input Search size用法及代码示例

HTML DOM中的DOM输入搜索大小属性用于设置或返回输入搜索字段的大小属性的值。 size属性用于定义搜索字段的宽度。默认值为20。

用法:

它返回输入搜索大小属性。searchObject.size

它用于设置“输入搜索大小”属性。searchObject.size = number

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

返回值：它返回一个数字值，该值表示以字符数表示的搜索字段的宽度。

示例1：本示例说明了如何返回“输入搜索大小”属性。

Input Search size Property

h1 {

color:green;

}

h2 {

font-family:Impact;

}

body {

text-align:center;

}

GeeksforGeeks

Input Search size Property

id="test"

placeholder="Type to search.."

value="GeeksForGeeks"

size="20">

click here

style="font-size:24px;

color:green;">

function Access() {

// type="search"

var s = document.getElementById(

"test").size;

document.getElementById(

"check").innerHTML = s;

}

输出：

在单击按钮之前：

单击按钮后：

示例2：本示例说明如何设置“输入搜索大小”属性。

Input Search size Property

h1 {

color:green;

}

h2 {

font-family:Impact;

}

body {

text-align:center;

}

GeeksforGeeks

Input Search size Property

id="test"

placeholder="Type to search.."

value="GeeksForGeeks"

size="20">

click here

style="font-size:24px;color:green;">

function Access() {

// type="search"

var s = document.getElementById(

"test").size = "40";

document.getElementById(

"check").innerHTML =

"The value of the size attribute was changed to "

+ s;

}

输出：

在点击Buttton之前：

单击按钮后：

支持的浏览器：DOM输入搜索大小属性支持的浏览器如下：

谷歌浏览器

Internet Explorer 10.0以上

Firefox

Opera

Safari