Make tooltip read html tag

Question

I am using the jQuery tooltip and need to display a message formatted with html, for example

$(function(){
  $("input:file").tooltip();
});

<link href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<input type='file' title="<b>m</b>ensagem <i>formatada</i>">

I wish he understood html

Answer 1

I think this script would solve

In the jQuery tooltip you can use:

 $(function() {
       var el = $("input:file");
       var msg = el.attr('title');
       el.tooltip({
          content : msg
       });
    });

On the Bootstrap you can use:

 $(function() {
      var el = $("input:file");
      el.tooltip({
          html : true
      });
 });