width

---

HTML <input> width 属性

定义图片为提交按钮，带有 height 和 width 属性：

<form action="/examples/web/demo_form/" target="_blank">
  First name: <input type="text" name="FirstName"/><br/>
  Last name: <input type="text" name="LastName"/><br/>
  <input type="image" src="/demo_source/images/submit.gif" alt="Submit" width="48" height="48"/>
</form>

实时编辑器

<form action="/examples/web/demo_form/" target="_blank"> First name: <input type="text" name="FirstName"/><br/> Last name: <input type="text" name="LastName"/><br/> <input type="image" src="/demo_source/images/submit.gif" alt="Submit" width="48" height="48"/> </form>

<form action="/examples/web/demo_form/" target="_blank">
  First name: <input type="text" name="FirstName"/><br/>
  Last name: <input type="text" name="LastName"/><br/>
  <input type="image" src="/demo_source/images/submit.gif" alt="Submit" width="48" height="48"/>
</form>

结果

Loading...

---

定义和用法

width 属性规定 <input> 元素的宽度。

警告

注意：width 属性只适用于 <input type="image">。

提示

提示：为图片指定 height 和 width 属性是一个好习惯。如果设置了这些属性，当页面加载时会为图片预留需要的空间。而如果没有这些属性，则浏览器就无法了解图像的尺寸，也就无法为其预留合适的空间。情况是当页面和图片加载时，页面布局会发生变化。

---

HTML 4.01 与 HTML5之间的差异

width 属性是 HTML5 中 <input> 标签的新属性。

---

语法

<input width="*pixels*">

属性值

值	描述
pixels	以像素计的宽度（比如 width="100"）。