HTML <input> width 属性
示例
将图像定义为提交按钮,并带有 height 和 width 属性
<form action="/action_page.php">
<label for="fname">名:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">姓氏:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="image" src="img_submit.gif" alt="提交" width="48" height="48">
</form>
自己动手试一试 »
定义和用法
width
属性指定了 <input> 元素的宽度。
注意: width
属性仅用于 <input type="image">
。
提示: 对于图片,请始终同时指定 height
和 width
属性。如果设置了高度和宽度,页面加载时将为图片预留所需空间。但是,如果没有这些属性,浏览器不知道图片的大小,也无法为其预留适当的空间。效果是页面在加载过程中(图片加载时)布局会发生变化。
浏览器支持
表格中的数字表示完全支持该属性的第一个浏览器版本。
Attribute | |||||
---|---|---|---|---|---|
width | 是 | 是 | 16.0 | 是 | 是 |
语法
<input width="像素值">
属性值
值 | 描述 |
---|---|
像素 | 以像素为单位的宽度(例如 width="100") |
❮ HTML <input> 标签