Varios (2)

Situar el cursor en un control al cargar un formulario

Una forma de facilitar el uso de una página con controles es situar automáticamente el cursor en el control que probablemente va a utilizar el usuario, ahorrando al usuario el tener que hacer clic en ese control. Esto se puede conseguir mediante Javascript.

Una manera de hacerlo es asignar el atributo id del control sobre el que se quiere situar el cursor automáticamente y establecer el atributo onload del elemento body con el valor document.getElementById('XYZ').focus(), donde XYZ es el id del control, como muestra el ejemplo siguiente:

<body onload="document.getElementById('cursor').focus()">
<form action="validar1.php">
  <p>Al cargar esta página, el cursor sitúa automáticamente en la primera caja de texto:</p>
  <table>
    <tbody>
      <tr>
        <td>Usuario:</td>
        <td><input type="text" name="usuario" id="cursor" /></td>
      </tr>
      <tr>
        <td>Contraseña:</td>
        <td><input type="password" name="password" /></td>
      </tr>
    </tbody>
  </table>
  <p><input type="submit" value="Entrar" /></p>
</form>
</body>

Al cargar esta página, el cursor se sitúa automáticamente en la primera caja de texto:

Usuario:
Contraseña: