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
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
<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:
fieldset
Fundación de representación <fieldset>
elemento de estilo de la siguiente manera:
Ejemplos
<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
<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 »
Es necesario utilizar JavaScript para actualizar el estado de error de entrada de usuario. |