一种向输入元素添加另一个标题的方法

Question

我尝试向输入元素添加另一个标题，但没有成功。请找到以下小提琴。我打算做的是当我按下鼠标时在输入上显示另一个标题

<input title="this is a test">

input {
    position: relative;
}

input:active:after {
    content:attr(title);
    padding:5px;
    border:1px solid #ccc;
    top:5px;
    right:10%;
    background: #bada55;
}

这是小提琴：https://jsfiddle.net/flamant/v47byjLf/5/

编辑

你好，我认为这是一个误会。我想添加与现有标题相同的标题，但是按住鼠标不放。我找到了解决方案。这是小提琴：https://jsfiddle.net/flamant/v47byjLf/14/