Javascript 当输入获得焦点时，如何显示其标题值

如果我有

<input type="text"
       name="name"
       id="name" 
       placeholder="your name" 
       title="only words" 
       value=""/>

对于每个事件，应该分别在

要做什么？

中输入哪些代码

谢谢

您可以使用qtip2

包括：

文本字段：

<input type="text" title="My tooltip text1" />

对于观众而言，以下是预期要求，是上述要求的补充：

$('input[title]').qtip({
    content: $(':focus').prop('title'),
    show: 'focus',
    hide: 'blur'
});

---

鼠标悬停时将显示标题->工具提示。您可以在javascript中访问该属性：

$（'input'）。焦点（函数（）{
var title=$（this.attr（'title'）；
控制台日志（标题）；
});您需要编写自己的工具提示功能来完成此操作，或者使用现有插件。为什么不把这些信息放在
占位符
属性中呢？这就是它的设计目的。看看
占位符和
标题
非常相似，但它们不一样。目标是在同一字段中显示
消息
，而不是通过
控制台
在我的代码中，我只是演示如何选择标题属性。我仅以控制台为例。最终用户直接看到
表单
，而不是
Web控制台
，即使您的解决方案能够快速查看
标题
，当用户进入或聚焦该字段时，它也不会出现（标题消息）
// Create the tooltips only when document ready
$(document).ready(function () {
    $('input[title]').qtip();    
});

$('input[title]').qtip({
    content: $(':focus').prop('title'),
    show: 'focus',
    hide: 'blur'
});