Html 在文本框和文本区域中显示默认文本的最佳方式是什么

我网站的contact-us HTML页面上的表单有两个字段

1） 主题

2） 信息

当页面第一次加载时，我希望这两个框显示类似“在此处输入主题”和“在此处输入消息”的消息

我发现我们可以通过使用文本框的“value”属性来实现这一点，这是最好的方法吗？？。。

---

要实现这一点，我必须有什么选择？

是的，这是最好的方法。然后，当元素获得焦点时，可以使用JavaScript清空文本输入/区域。记住要考虑如何处理用户提交默认文本的情况。也就是说，“输入用户名”是不是有效的用户名？

哦，我真的需要完成关于这个主题的文章。以下是未经打磨的版本：

首先-描述字段输入内容的消息不是默认值。默认值是可以考虑提交的内容（例如根据GeoIP输入的国家或客户记录中的交付地址）

第二，使用默认值作为假标签，然后在用户聚焦时将其擦除（可能您不希望用户必须手动删除消息）会导致可访问性问题。屏幕阅读器读取聚焦的内容，如果在聚焦时将其删除，则无法获取信息

在我看来，最好的选择是在控件旁边放置一个

。网页通常不缺少空间-滚动条不是邪恶的

如果您确实希望它看起来像在控件中，则：

将

和

放入

使用JavaScript在

上设置一个类（如果JS不可用，您就不会有垃圾体验）

应用CSS将

设置为

位置：相对

，并为其指定大小

使

的
背景
透明
，并设置样式以填充div

在

编写一个函数，检查输入值是否为空字符串。根据答案打开和关闭div上的类

当在div上设置该类时，将

文本缩进设置为较高的负长度（例如
-999em
），以便文本在屏幕外隐藏（但仍可供屏幕阅读器使用）

---

+1.创新、干净、方便的解决方案！需要开发人员付出更多的努力（这不是一个批评，只是一个观察），但我刚刚记得，在（页面中间/右侧附近的大登录表单）有一个这样的例子（我认为这是我的第一个实现）谢谢大家。我会和David一起去。这样，如果用户已经提交了默认值（正如机器提到的），我就不需要验证inout到chek了。谢谢大家