HTML Attributes.placeholder 简体中文

发布时间：2025-08-21 13:14

placeholder attribute defines the text displayed in a form control when the control has no value. The placeholder text should provide a brief hint to the user as to the expected type of data that should be entered into the control." onmousemove="i18n(this)">placeholder 属性定义当表单控件没有值时在控件中显示的文本。占位符文本应向用户提供关于应输入到控件中的预期数据类型的简要提示。

<label>. As the placeholder is not visible if the value of the form control is not null, using placeholder instead of a <label> for a prompt harms usability and accessibility." onmousemove="i18n(this)">有效的占位符文本包括提示预期数据类型的单词或短语，而不是解释或提示。不得使用占位符代替 <label> 。由于如果表单控件的值不为空，则占位符不可见，因此使用 placeholder 代替 <label> 作为提示会损害可用性和可访问性。

text, search, url, tel, email, and password. It is also supported by the <textarea> element. The example below shows the placeholder attribute in use to explain the expected format of an input field." onmousemove="i18n(this)">以下输入类型支持 placeholder 属性： text 、 search 、 url 、 tel 、 email 和 password 。 <textarea> 元素也支持该属性。下面的 example 显示了如何使用 placeholder 属性来解释输入字段的预期格式。

Note: The placeholder attribute can't include any line feeds (LF) or carriage returns (CR). If either is included in the value, the placeholder text will be clipped." onmousemove="i18n(this)">注意： placeholder 属性不能包含任何换行符 (LF) 或回车符 (CR)。如果值中包含其中任何一个，占位符文本将被截断。

占位符仅应用于显示应输入表单的数据类型的示例；绝不能替代 <label> 元素；这样做会损害可访问性和用户体验。

<label> 文本在视觉上和编程上与其对应的表单控件相关联。默认情况下，屏幕阅读器不会播报占位符内容，但会播报标签内容；标签会告知辅助技术用户应在控件中输入哪些数据。标签还可以改善指点设备用户的用户体验：当用户单击、触摸或点击 <label> 时，焦点会移至标签关联的表单控件。

即使对于那些不依赖辅助技术的用户来说，占位符也不能替代标签。占位符文本的颜色对比度低于默认的表单控件文本。这是设计使然，因为您不希望用户对占位符文本和填写的表单字段感到困惑。但是，这种对比度的缺乏可能会给视力较差的用户带来问题。此外，当用户开始输入文本时，占位符文本会从表单字段中消失。如果占位符文本包含消失的指导信息或示例，则可能会让有认知问题的用户感到困惑，并且如果占位符包含标签，则可能导致表单无法访问。

网址：HTML Attributes.placeholder 简体中文 https://mxgxt.com/news/view/1699677

⬅️上一篇：HTML 属性：placehol

➡️下一篇：揭秘CSS中placeholde

HTML Attributes.placeholder 简体中文

相关内容

随便看看

最新实时动态

热点实时动态

专题

推荐实时动态