Por ejemplo, en el caso de que tengas un formulario de búsqueda en tu página web, si quieres que el texto se seleccione (que es algo muy útil si tienes un texto predefinido, ya que así facilitas el borrado), añade al evento onClick del formulario el siguiente código:

<form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
    <div><input type="text" name="s" id="search" value="No busques porno"
         onClick="javascript:this.form.s.focus();this.form.s.select();" />
    <span>Pulsa enter sin miedo</span></div>
</form>

this.form.x, donde x debe ser el ‘name’ del elemento a seleccionar.

Y además también será útil para múltiples búsquedas, ya que al volver a hacer click nuevamente se seleccionará la última búsqueda, por lo que será más fácil escribir la siguiente.

Etiquetas: Html, JavaScript, Usabilidad

Esta entrada fue escrita el Sábado 24 de Enero de 2009 a las 7:18 pm y está archivada en la categoría Blog. Puedes seguir las respuestas y comentarios en el feed RSS 2.0. Puedes dejar un comentario, o dejar un trackback desde tu propia página.