Download HTML5 y CSS3 Revolucione el diseño de sus sitios web (2a edición).pdf PDF

TitleHTML5 y CSS3 Revolucione el diseño de sus sitios web (2a edición).pdf
File Size17.9 MB
Total Pages449
Document Text Contents
Page 224

Podemos usar algunos caracteres especiales para definir determinadas expresiones regulares.

\d hace referencia a las cifras. \d{3} admite la introducción de 3 cifras.
\w hace referencia a los caracteres. \w{3} admite la introducción de 3 caracteres.
+ indica que debe haber uno o más caracteres de los especificados anteriormente. De este
modo el valor no estará limitado. [a-z]+ indica que el usuario podrá insertar tantas letras
minúsculas como desee.

* indica que pueden haber varios o ningún carácter de los especificados anteriormente. De
este modo podemos obtener valores opcionales. [A-Z]{2}[0-9]* indica que el valor
comenzará con dos mayúsculas que podrán ir seguidas de cero o n cifras.

ˆ indica que el valor deberá comenzar obligatoriamente por los elementos especificados justo
a continuación. ˆ[0-9]{2} indica que el valor deberá comenzar con dos cifras para que sea
válido.

$ indica que el valor deberá terminar obligatoriamente por los elementos específicos que la
preceden. [a-z]$ indica que el valor deberá terminar con una letra en minúscula para que
sea válido.

Esta es la sintaxis que permite autorizar un valor entre 20 y 29: ˆ(2[0-9])$. El valor deberá
comenzar por 2 (ˆ(2) y terminar con una cifra comprendida entre 0 y 9 ([0-9])$).

www.FreeLibros.me

Page 225

Las ayudas para los usuarios de un formulario

1. La ayuda para completar

El atributo placeholder permite mostrar un valor de ejemplo en un campo de texto para ayudar
al usuario. Este verá así un ejemplo del tipo de valor que tiene que insertar. En cuanto el usuario
haga clic en el campo, el valor de ejemplo desaparecerá.

Esta es la sintaxis que podríamos usar, si volvemos a tomar el ejemplo anterior:

<input type="text" pattern="[0-9]{3}-[A-Z]{3}"
placeholder="111-AAA" id="clave">

Se visualizará así cuando el usuario no haya hecho clic en el campo:

Se visualizará así cuando el usuario haya hecho clic en el campo:

2. Activar un campo

Usted puede hacer que el punto de inserción parpadee en un campo específico utilizando el atributo
boleano autofocus.
Veamos un ejemplo en el que se ha usado este atributo con una sintaxis abreviada:

<label for="nombre">Su nombre y apellidos: </label>
<input type="text" id="nombre" autofocus />

Cuando se abra la página, verá que el punto de inserción parpadea en el interior del campo
seleccionado:

Deberá usar un único autofocus en cada página.
Utilice esta funcionalidad con "moderación": algunos internautas la "odian", porque sienten que se
les está obligando a insertar un valor en dicho campo. Además, algunos usuarios experimentados
utilizan la barra espaciadora para recorrer las páginas web y, con el autofocus, no será posible usar

www.FreeLibros.me

Similer Documents