如何更改默认工具提示的位置和标题[重复]答案

【问题标题】：How to change position and title of a default tooltip [duplicate]如何更改默认工具提示的位置和标题[重复]
【发布时间】：2014-11-23 08:07:42
【问题描述】：

我使用 required 标签在我的文本区域中进行验证，如果我单击提交按钮，它在文本区域中心显示默认工具提示并显示“请填写此字段”，则无需输入任何值。问题是如何更改工具提示的位置（例如向右、向左）以及如何更改工具提示的标题（例如“输入一些文本”）。

我尝试的代码是：

    <script>
        function storevalue(){
            var b =document.getElementById("area").value;
            alert(b);
        }

    </script>
<body>
    <form onsubmit="storevalue()">
        <textarea  id="area" name="suggestion" style="width: 400px; height: 105px;" type="text" required  ></textarea>
            <input type="submit"  />
    </form>`enter code here`
</body>

【问题讨论】：

样式化 HTML5 表单验证消息并非易事，因为每个浏览器中的实现不同。见useragentman.com/blog/2012/05/17/…
因重复而关闭。另见：stackoverflow.com/questions/5272433/…

标签： javascript html css

【解决方案1】：

如果你想在表单之后显示，你需要给表单加上一些名称和id，否则你可以直接在jquery中调用表单。

 function storevalue(){
            var b = document.getElementById("area").value;
            if (!b) {
            $("form").append("<div>enter some text</div>").css({top: 200, left: 200});
        }
    }

【讨论】：

请在 JS 问题上尝试 always 主要提供 JavaScript 答案。此外，您只需添加 ˙form˙ 而不是 ˙#area˙ （就像他所做的那样），就可以简单地复制粘贴 Zac 的答案。 required 默认添加工具提示（特定于浏览器），OP 只是询问如何控制您的答案错过的工具提示位置。另请注意，.css({top: 200, left: 200}) 不会以任何方式影响元素。

【解决方案2】：

仅使用 jquery 创建工具提示怎么样？

function storevalue(){
            var b = document.getElementById("area").value;
            if (!b) {
                $("#area").append("<div>enter some text</div>")
            }
        }

然后你可以很容易地用 css 调整工具提示

【讨论】：

追加到文本区域...不是一个坏主意吗？
我没有看到问题被标记为jQuery。请提供一个JS解决方案。
另外，您如何在textarea 中对 DIV 元素进行 CSS 调整？