HTML | <input> alt 属性

简介

<input> 标签用于在表单中创建输入字段，如文本、密码、单选框、复选框、日期选择等。alt 属性为 <input> 标签中的一个可选属性，用于设置输入框的文本描述。

语法

<input type="text" alt="文本描述">

属性值

• alt：描述输入框的文本，可以包含任何文本内容。

用法示例

可以将 alt 属性设置为 name、age、address 等来简要描述输入框的用途。

<label for="name">姓名：</label>
<input type="text" id="name" alt="请输入您的姓名">

<label for="age">年龄：</label>
<input type="number" id="age" alt="请输入您的年龄">

<label for="address">地址：</label>
<input type="text" id="address" alt="请输入您的地址">

注意事项

• alt 属性主要是为了让输入框在页面不可见时也可以被屏幕阅读器读取，以方便视力障碍者等残障人群使用。如果输入框在页面可见，建议使用 placeholder 属性来设置提示信息。

• alt 属性对于不同类型的 <input> 标签的作用不完全相同，需要根据实际情况加以区别使用。

参考链接

• MDN web docs - <input>
• Web Accessibility Tutorials - Input fields