Para que se aplique correctamente, en la etiqueta <form> hay que incluir el atributo y el valor 'enctype="multipart/form-data"':
<form enctype="multipart/form-data" method="post" action="http://..../validar.php"> <input type="file" name="fichero" /> </form>
Posteriormente, seguiremos usando la etiqueta <label> para identificar cada uno de los campos de entrada:
Y los campos de entrada dentro del 'fieldset' se mostrarán como se puede ver a continuación:
Otro ejemplo con varios 'fieldset':
Y se mostrará lo siguiente:
Algunos atributos para <textarea>:
Y se mostrará lo siguiente:
Y se mostrará lo siguiente:
Y se mostrará lo siguiente:
Aquí se puede usar el atributo selected="selected" para elegir una opción por defecto, del mismo modo que se hacia antes con checked="checked" en los campos del tipo 'checkbox' y 'radio'.
Y el código anterior aparecerá así:
En este campo también es típico poner una opción vacía, y en este caso no se usa el atributo 'selected':
Y el código:
Ahora se puede seleccionar más de una opción -manteniendo pulsada la tecla CONTROL (Ctrl) del teclado- y el código aparecerá así:
Y el código se mostrará así:
Y el código se mostrará así:
Y se mostrará así:
Y se mostrará así:
Se mostrará así:
Se mostrará así:
Se mostrará así:
Se mostrará así:
Primero el código HTML
Y se visualizará así:
<input type="tipo_de_campo_entrada" ... />, y las clases o tipos de campos de entrada 'type' son:
Se mostrará así:
La etiqueta <label> se usa para especificar un texto relacionado con el contenido del campo del formulario a rellenar, y usa el atributo 'for' con valor igual a el nombre de la variable a la que hace referencia. Se aplica de la siguiente forma:
El código anterior se mostrará así:
Otros atributos para este campo de formulario son:
Y el código se mostrará así:
Con maxlength="3", en el cuadro siguiente no se podrán introducir más de tres caracteres:
Y el cuadro siguiente no se puede escribir nada:
Y el código se mostrará así:
Para crear un formulario en un documento HTML se usa la etiqueta de apertura <form>, y </form> para cerrarla. A la etiqueta de apertura se le debe incluir el atributo 'method' con dos posibles valores para determinar como se enviaran los datos de un formulario una vez rellenado:
Otro importante atributo para <form> es 'action', y en su valor, se debe especificar la dirección url que tiene que recibir los datos del formulario una vez rellenado:
El código anterior genera la siguiente lista:
El código anterior genera la siguiente lista:
En nuestra Guía de referencia rápida CSS podemos encontrar varias propiedades para usar con las listas, a continuación, algunos ejemplos con la propiedad list-style-type y probando diferentes valores:
En el archivo de estilo CSS: podemos crear una clase para las listas que queramos que se muestren con un estilo elegido por nosostros:
En el documento HTML:
Y el código anterior se visualizará así:
Debería mostrarse un cuadrado pequeño en cada elemento de la lista
Si queremos que todas las listas desordenadas de nuestra web su muestren del mismo tipo, en lugar de crear una regla CSS con un selector definido por nosotros, deberemos unas la etiqueta HTML ul como selector en el fichero CSS:
Y el documento HTML, al abrir la etiqueta de la lista, no es necesario especificar ninguna clase, ya que todas las listas desordenadas del documento se mostrarán con el mismo valor:
En el archivo de estilo CSS:
En el documento HTML:
Aplicando la propiedad list-style-type con el valor lower-roman en el archivo CSS:
En el documento HTML:
Y el código anterior se visualizará con cada elemento de la lista en números romanos con las letras en minúscula:
Estos nuevos elementos se definen de la siguiente manera:
La definición de cada elemento dentro de la tabla debe ir en el ordén:
Después la tabla se visualizará así:
| rowspan="2" | Fila de cabecera con colspan="4" | |||
|---|---|---|---|---|
| Cabecera 1 | Cabecera 2 | Cabecera 3 | Cabecera 4 | |
| rowspan="2" | Pié 1 | Pié 2 | Pié 3 | Pié 4 |
| Fila de pié con colspan="4" | ||||
| 1,1 | 1,2 | 1,3 | 1,4 | 1,5 |
| 2,1 | 2,2 | 2,3 | 2,4 | 2,5 |
| 3,1 | 3,2 | 3,3 | 3,4 | 3,5 |
| 4,1 | 4,2 | 4,3 | 4,4 | 4,5 |
En este último ejemplo se han empleado dos filas tanto para la cabecera como para el pié, la primera celda de ambas tienen fusionadas las filas con rowspan="2". La fila superior de la cabecera tiene las últimas cuatro celdas fusionadas con un colspan="4", al igual que la fila inferior del pié de la tabla. Y hasta aquí todo lo que hay sobre las tablas HTML.
El código anterior genera una tabla que fusiona las celdas 2,2 y 2,3:
| celda 1,1 | celda 1,2 | celda 1,3 | celda 1,4 |
| celda 2,1 | celda 2,2 y 2,3 fusionadas | celda 2,4 | |
| celda 3,1 | celda 3,2 | celda 3,3 | celda 3,4 |
El código anterior genera una tabla que fusiona las celdas 2,2 y 3,2:
| celda 1,1 | celda 1,2 | celda 1,3 | celda 1,4 |
| celda 2,1 | celda 2,2 y 3,2 fusionadas | celda 2,3 | celda 2,4 |
| celda 3,1 | celda 3,3 | celda 3,4 |
Ahora vamos a fusionar cuatro celdas, dos de la segunda fila con otras dos de la tercera:
El código anterior genera una tabla que fusiona las celdas 2,2 y 3,2:
| celda 1,1 | celda 1,2 | celda 1,3 | celda 1,4 |
| celda 2,1 | celdas 2,2, 2,3, 3,2 y 3,3 fusionadas | celda 2,4 | |
| celda 3,1 | celda 3,4 | ||
Otros ejemplos de fusión de celdas:
|
| ||||||||||||||||||||
|
| ||||||||||||||||||||
