1
00:00:04,589 --> 00:00:10,570
El contenido va a ser una etiqueta y un input.

2
00:00:11,169 --> 00:00:22,550
Bien, en cuanto a lo que es la etiqueta, vimos que el form, el for, se refería al id para que fuera asociado al input.

3
00:00:22,550 --> 00:00:26,690
El id que teníamos era este nombre, por eso for aparece aquí con nombre.

4
00:00:26,690 --> 00:00:35,729
La etiqueta, el primer input es un campo de texto que sería este correspondiente, que es un campo de texto y que sería el de nombre.

5
00:00:36,329 --> 00:00:48,509
Entonces, como he puesto nombre asterisco, aquí ha puesto span para hacer referencia con esta clase, que sea obligatorio a este asterisco.

6
00:00:48,509 --> 00:00:57,990
A continuación tenemos aquí el campo de texto y el campo de texto le ha dicho que pongas en el placeholder

7
00:00:57,990 --> 00:01:04,530
Escribe tu nombre, que es obligatorio que se escribe en el mismo y luego el propio ID

8
00:01:04,530 --> 00:01:09,569
Debajo tenemos otro input, pero ahora el input es de tipo email

9
00:01:09,569 --> 00:01:12,829
Y el formato es exactamente el mismo que el de arriba

10
00:01:12,829 --> 00:01:16,090
Bien, pasamos a la segunda parte del formulario

11
00:01:16,090 --> 00:01:33,409
Segunda parte del formulario, si veis, es igual que la anterior. Lo único que está formado es por otro type, en el que el type para teléfono, para URL y luego otro type de tipo texto para el asunto.

12
00:01:33,409 --> 00:01:50,859
Si veis aquí, nos deja de ser más que cada uno de los campos que aparecen aquí. Lo único que nos quedaría al final sería un mensaje que sería de tipo textarea y ya por último lo que es el botón enviar.

13
00:01:50,859 --> 00:02:11,780
Bien, y por último tendríamos la última parte del formulario que sería pues lo que es el mensaje que estaría formado por un textarea. El for mensaje estaría también enlazado a través del id mensaje del propio textarea y luego ya pues el botón, el botón de submit que sería pues para enviar el formulario.

14
00:02:11,780 --> 00:02:46,960
Bien, ¿qué sucede en cuanto a la parte, en cuanto a este sería el formulario? Vamos a hacerlo más reducido. En cuanto a la parte del archivo CSS, tenemos contact form, que sería la parte, bueno, primero le ha puesto a la etiqueta body, le ha puesto estas tres reglas.

15
00:02:46,960 --> 00:02:57,860
Hay que decir que el ancho de página, que sea el 100%, y en cuanto a la fuente por defecto, pues van a ser esta y si no, pues sería la siguiente.

16
00:02:58,159 --> 00:03:02,340
Quiere decir que estas fuentes las importa a través de esta URL.

17
00:03:02,620 --> 00:03:14,150
Si yo me pongo con esta URL, voy a ejecutar, veréis que es una URL en la que lo que está formado aquí es una serie de fuentes.

18
00:03:14,150 --> 00:03:25,330
el que va a importar. Esas fuentes las va a importar para darle ese estilo, para que pueda utilizar Noto Sans o Sans Shave.

19
00:03:25,990 --> 00:03:32,889
En cuanto a Contact Form, sería la parte que vimos del formulario del div.

20
00:03:32,889 --> 00:03:52,349
Si lo bajamos aquí, vamos a hacerlo más reducido, el div tenía una clase, classContactForm, y ese div agrupaba todos los elementos del formulario. A esta clase viene determinada por todas estas reglas que aparecen aquí.

21
00:03:52,349 --> 00:04:03,250
Bien, estas reglas que aparecen aquí, una las aplica al Contact Form y la otra la está aplicando al selector Input.

22
00:04:03,930 --> 00:04:11,629
Para ver las de Contact Form, nos está diciendo que la amplitud del formulario va a ser de 470 píxeles,

23
00:04:11,629 --> 00:04:21,870
la altura va a ser automática, se va a adaptar, va a ser auto, el margin que vimos que lo que era el margin va a ser 80 píxeles,

24
00:04:22,350 --> 00:04:39,990
y luego pues él lo que es el radio del border del borde aquí está me está diciendo pues que

25
00:04:39,990 --> 00:04:47,910
la amplitud del contrafón de aquí aquí va a ser 460 píxeles que la altura va a ser automática

26
00:04:47,910 --> 00:05:00,480
que el margen el margen va a ser de 80 píxeles veis vamos a ver para que veáis el margen cuál

27
00:05:00,480 --> 00:05:10,139
es lo voy a modificar y le voy a poner a 130 y veis que con respecto a este formulario como

28
00:05:10,139 --> 00:05:40,740
se modifica le damos a abordar y al darle a ejecutar veis que veis que el margen si os

29
00:05:40,740 --> 00:05:59,009
Si os acordáis, el margin era esto. El margin era toda la parte externa. Pues se ha modificado. Aquí si lo veis, al modificarlo y pasar a...