HTML5 – Editable DIV

In HTML5 any element can be editable.
Content editable is fully compatible with current browsers.

Firefox 3.5+
Firefox for Android 19+
Chrome 4.0+
Internet Explorer 5.5+
Safari 3.1+
Opera 9+
iOS Safari 5.0+
Android Browser 3.0+
Opera Mobile 12.1+
Chrome for Android 25+

The code:

<!DOCTYPE html>
<html>
<style>
#notepad { 
  font-size: 2em;
  border: 1px solid black;
}
</style>

  <body>
    <div id="notepad" contenteditable="true">
      This text can be edited by the user.
    </div>
  </body>
</html>

The result here, try to editate:

This text can be edited by the user.

My official WebSite >