HTMLInputElement: width 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

HTMLInputElement 接口的 width 属性指定了控件的宽度。它反映了 <input> 元素的 width 属性。

width 属性仅对 image 类型有效。它以像素为单位定义了图像按钮的首选水平尺寸。属性值是渲染按钮的 内容框 的宽度。影响控件尺寸的 CSS 盒模型属性具有优先权。

如果未设置 width 且没有 CSS width 属性影响控件,则 width 将是图像的内在宽度。如果图像未加载,则该值将是 alt 文本的最大内在宽度。如果宽度未知,width 将为 0;如果未设置 width、未应用 CSS 尺寸、未加载图像,并且 alt 的值为空字符串或未设置 src

一个数字。

示例

js
const inputElement = document.getElementById("imageButton");
console.log(inputElement.width);

规范

规范
HTML
# dom-input-width

浏览器兼容性

另见