Latest web development tutorials

Forma Fundación

Fundación de control de formularios se establece automáticamente en el estilo global:

Todo <textarea> , <select> y <input> anchos de los elementos son 100%, y con un margen, relleno, efecto de movimiento del ratón sombra potable.

Ejemplos

<Forma>
entrada:
<Input type = "text" marcador de posición = "Nombre">

Área de texto:
<Filas Textarea = "4" marcador de posición = "Dirección"> </ textarea>

Seleccionar:
<Seleccionar>
<Opción> 1 </ option>
<Opción> 2 </ option>
<Opción> 3 </ option>
<Opción> 4 </ option>
</ Select>
</ Form>

Trate »

etiqueta

Utilice el formulario <label> elemento para fijar la etiqueta, la etiqueta puede ser añadido para los atributos y los atributos id. Obtener cuadro de entrada del usuario en el foco cuando el campo de entrada o haga clic en la pestaña:

Ejemplos

<Forma>
<Label for = "nombre"> entrada
<Input type = "text" marcador de posición = "Nombre" id = "nombre">
</ Etiqueta>

<Label for = "ADR"> Etiqueta
<Filas Textarea = "4" marcador de posición = "Dirección" id = "ADR"> </ textarea>
</ Etiqueta>

<Label for = "num"> Seleccionar
<Select id = "num">
<Opción> 1 </ option>
<Opción> 2 </ option>
<Opción> 3 </ option>
<Opción> 4 </ option>
</ Select>
</ Etiqueta>
</ Form>

Trate »

Si es necesario configurar la ficha alineado a la derecha, se puede utilizar .right categorías:

Ejemplos

<Etiqueta de clase = "right">

Trate »

fieldset

Fundación de representación <fieldset> elemento de estilo de la siguiente manera:

Ejemplos

<Forma>
<Fieldset>
<Leyenda> Fieldset Leyenda </ leyenda >
<Label> Nombre
<Input type = "text" marcador de posición = "Nombre ..">
</ Etiqueta>
<Label> Email
<Input type = "text" marcador de posición = "Enter correo electrónico ..">
</ Etiqueta>
</ Fieldset>
</ Form>

Trate »

Estado de error

Utilice .error clase para establecer la etiqueta equivocada, cuadros de entrada, el estilo de las cajas de texto:

Ejemplos

<Forma>
<Clase Label = "error"> Error
<Input type = "text" marcador de posición = "Nombre ..">
</ Etiqueta>
<Small class = "error"> entrada incorrecta </ small>

<Filas Textarea = "4" marcador de posición = "Dirección"> </ textarea>
<Small class = "error"> entrada incorrecta </ small>
</ Form>

Trate »
nota Es necesario utilizar JavaScript para actualizar el estado de error de entrada de usuario.