替代

---

 

实例

下面的表单拥有两个输入字段以及一个图像形式的提交按钮：

<网页>
<主体>

<表单 提交地址=“https://www.w3school.com.cn//example/html/form_action.asp“ 方法=“获取“>
<段落>名字: <输入 类型=“文本“ 名字=“fname“ /></段落>
<段落>姓: <输入 类型=“文本“ 名字=“lname“ /></段落>
<输入 类型=“图片“ 资源地址=“https://www.w3school.com.cn/i/eg_submit.jpg“ 替代=“提交“ 水平对齐=“右边“/>
<段落>
这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本。
</段落>
</表单>

<段落>请在这幅图像上单击，输入会发送到服务器上名为 “form_action.asp“ 的页面。</段落>

<段落>注释：如果 类型 属性设置为 图片，当用户单击图像时，浏览器将以像素为单位，将鼠标相对于图像边界的偏移量发送到服务器，其中包括从图像左边界开始的水平偏移量，以及从图像上边界开始的垂直偏移量。</段落>

<段落>在 超文本 4.01 中，不赞成使用 输入 元素的 水平对齐 属性。在 xhtml 1.0 strict dtd 中不支持该属性。请使用 层叠样式表 代替。</段落>

</主体>
</网页>

---

定义和用法

替代 属性只能与 <输入 类型="图片"> 配合使用。它为图像输入规定替代文本。

替代 属性为用户由于某些原因无法查看图像时提供了备选的信息。

注释：即使 替代 属性不是必需的属性，但是当输入类型为 图片 时，仍然应该设置该属性。如果不使用该属性，就有可能对文本浏览器或非可视的浏览器造成使用障碍。

---

浏览器支持

除了 Safari，所有主流的浏览器都支持 "替代" 属性。

---

语法

<输入 替代="值">

属性值

值	描述
值	图像 输入 的替代文本。

 

---