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

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

javascript html css

Javascript 如何更改默认工具提示的位置和标题,javascript,html,css,Javascript,Html,Css,我使用required标记在我的文本区域中进行验证，如果我单击submit按钮，它将在文本区域的中心显示默认工具提示，并显示please fill this field，则不输入任何值。问题是如何更改工具提示的位置（如从右到左），以及如何更改工具提示的标题（如输入一些文本）我尝试的代码是： <script> function storevalue(){ var b =document.getElementById("area").v

我使用required标记在我的文本区域中进行验证，如果我单击submit按钮，它将在文本区域的中心显示默认工具提示，并显示please fill this field，则不输入任何值。问题是如何更改工具提示的位置（如从右到左），以及如何更改工具提示的标题（如输入一些文本）

我尝试的代码是：

    <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>

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

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

然后，如果您想在表单之后显示，您需要表单的名称和id，那么您可以使用css轻松地调整工具提示，否则您可以直接在jquery中调用表单

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

添加到文本区域。。。这不是个坏主意吗？我看不出这个问题被标记为jQuery。请提供一个JS解决方案。另外，如何在文本区域内调整CSS中的DIV元素？请在JS问题上始终尝试主要提供一个JavaScript答案。你也可以简单地复制Zac的答案，简单地添加“form”，而不是像他那样添加“area”。required在默认情况下添加特定于浏览器的工具提示，OP只是询问如何控制答案遗漏的工具提示位置。还请注意.css{top:200，left:200}不会以任何方式影响元素。由于每个浏览器中的实现不同，HTML5表单验证消息的样式设计并不简单。请将“关闭”视为重复。另见：