如何更改默认工具提示的位置和标题

How to change position and title of a default tooltip

本文关键字：位置 标题 工具提示 何更改 默认      更新时间：2023-09-26

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

我尝试的代码是：

    <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>
如果你想在

表单之后显示，你需要对表单有一些名称和ID，否则你可以直接在jquery中调用表单。

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

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

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

然后，您可以使用CSS轻松调整工具提示

相关文章：