readonly-non-editable.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

  <head>

    <style>

      :read-only + span {

        display: none;

      span {

        color: transparent; /* workaround for bug 617524 */

        outline: 1px solid green;

    </style>

  </head>

  <body>

    <input><span>hide me</span>

    <input readonly><span>hide me</span>

    <input type=password><span>hide me</span>

    <input type=password readonly><span>hide me</span>

    <input type=email><span>hide me</span>

    <input type=email readonly><span>hide me</span>

    <textarea></textarea><span>hide me</span>

    <textarea readonly></textarea><span>hide me</span>

  </body>

</html>