HTML 文本框输入工具提示?

标签 html tooltip

<分区>

Possible Duplicate:
How do I make an HTML text box show a hint when empty?

一个很简单的问题。我想在类似于 StackOverflow 登录的文本框中放置一个工具提示。我想要文本框值上的折扣字样,当用户输入新值时,“折扣”字样从文本框中消失。

我可以使用 OnBlur、OnChange 等事件(我不知道是哪个)自己完成此操作吗?或者周围有什么已经完成了?

谢谢

最佳答案

正如rudeovski所说,您可以在现代浏览器中使用占位符。
但对于较旧的版本,您需要 javascript/jQuery 后备。

这是一个很好的例子:

http://uniquemethod.com/html5-placeholder-text-with-modernizr-and-jquery-fallback

这将自动为您生成占位符回退。

您只需编写:

<input type="text" id="discount" placeholder="discount" />

Modernizr 结合 jQuery 将为您完成剩下的工作。
希望这有帮助:)

关于HTML 文本框输入工具提示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7576733/

相关文章:

html - 使用 HTML5/CSS3 更改工具提示位置

macos - 如何在单击按钮时调出工具提示

django - <head> 内容的 Django 模板继承的正确方法

javascript - 点击div内滚动

tooltip - 格式化 Altair 等值线图图例比例和工具提示

javascript - 工具提示选项不适用于 Highcharts Treemap

css - 为工具提示设置不同的属性

python - BeautifulSoup 只查找属性包含子字符串的元素?这可能吗?

php - 表单提交后如何在同一个html页面上回显?

html - href 之间的空间