当前位置:首页 > 文章列表 > 文章 > 前端 > placeholder适用标签范围及使用指南

placeholder适用标签范围及使用指南

2026-04-01 23:02:17 0浏览 收藏
placeholder 属性仅适用于可编辑的单行文本输入元素(如 input[type="text"] 和 textarea),对 number、date、select 等标签完全无效,且不具备可访问性——屏幕阅读器通常忽略它,不能替代 label 或充当默认值;它只是临时视觉提示,用户输入即消失,不参与表单验证、重置或提交逻辑,同时在 disabled/readonly 状态下常不可见,并存在 IE9 及旧版 iOS Safari 的兼容性问题;正确实践是始终配对使用 label,辅以 aria-describedby 或 JS 动态提示,而非依赖 placeholder 承担语义或功能职责。

placeholder属性适用哪些标签_输入提示文字范围【指南】

哪些 HTML 标签支持 placeholder 属性

placeholder 不是所有表单标签都能用,它只对可编辑的、单行文本输入类元素有效。浏览器会忽略在不支持的标签上写的 placeholder —— 不报错,也不显示,容易误以为写错了。

明确支持的标签有:

  • (部分老版本 iOS Safari 有渲染异常)