title: How to change position and title of a default tooltip
body: <p>i used required tag to do validation in my text area, without entering any value if i click on submit button its displaying default tool tip at center of text area and it shows "please fill out this field".
  The question is how i can change the position of the tooltip(like to right,to left) and how can i change the title of the tooltip (some thing like "enter some text").</p>
  
  <p>the code i tried is :</p>
  
  <pre><code>    &lt;script&gt;
          function storevalue(){
              var b =document.getElementById("area").value;
              alert(b);
          }
  
      &lt;/script&gt;
  &lt;body&gt;
      &lt;form onsubmit="storevalue()"&gt;
          &lt;textarea  id="area" name="suggestion" style="width: 400px; height: 105px;" type="text" required  &gt;&lt;/textarea&gt;
              &lt;input type="submit"  /&gt;
      &lt;/form&gt;`enter code here`
  &lt;/body&gt;
  </code></pre>