定义一个图像作为提交按钮,具有高度和宽度属性:
<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="../assets/edge.svg" alt="提交" formtarget="_blank" width="48" height="48"> </form>
width 属性指定了 <input> 元素的宽度。
注意: width 属性仅与 <input type="image"> 一起使用。
提示: 始终为图像指定 height 和 width 属性。 如果设置了高度和宽度,则在加载页面时保留图像所需的空间。 但是,如果没有这些属性,浏览器将不知道图像的大小,也无法为其预留适当的空间。 效果将是页面布局将在加载期间更改(同时加载图像)。
表中的数字指定了完全支持该属性的第一个浏览器版本。
| 属性 Attribute |
|
|
|
|
|
|---|---|---|---|---|---|
| width | Yes | Yes | 16.0 | Yes | Yes |
<input width="pixels">
| 值 Value | 描述 Description |
|---|---|
| pixels | 以像素为单位的宽度(例如 width="100") |