Vamos a continuar con nuestro proyecto y estaremos trabajando con los formularios.
Existe una gran cantidad de campos que puedes utilizar en tus proyectos en tus sitios web aplicaciones
ya sea que decidas ser frontãn ya sea que decida hacer Bakken los formularios van a formar buena parte
de tu vida como desarrollador así que puedes ver que tenemos un formulario bastante completo.
Estaremos viendo casi todos los campos que hay disponibles para crear formularios y cuando debes utilizar
uno y otro así que vamos a empezar vamos a abrir lo que viene siendo voy a cerrar todos los archivos
aquí en Nueva cuenta vamos a abrir de entrada HTML copiarla y crear un archivo llamado Contacto punto
HTML tengamos el contenido.
Por ejemplo si yo estoy aquí una entrada en contacto puedes ver que me lleva a contactos HTML pero con
el mismo template o sea eliminar todo el contenido.
NUEVA CUENTA mylar y aquí vamos a colocar un H1 con una clase fondo Way 300 y también centrar texto
nuestras utilidades puedes ver que las hemos utilizado mucho.
Y cómo saber cuándo crear una utilidad o no.
Bueno pudiste ver que en algunos casos yo las creaba en otros no.
Con la experiencia créeme te va a ser más fácil decir bueno centrar texto lo utilizo seguido de crear
una utilidad fondue lo utilizo seguido déjame crear otra.
Con el paso del tiempo puedes crear tu propio framework por así decirlo y poner una imagen SRC pero
mecerse y M.G. y vamos a poner aquí destacada número 3 puntos JPG y que supone la imagen principal como
texto alternativo.
Si guardas cambios y abres el proyecto para que tenemos esta imagen bastante grande y se ve bastante
bien.
Y después vamos a definir el mail.
Por lo tanto Moine con la clase de contenedor también con sección y contenido centrado para que no queden
tan dispersos lo que son los campos en un vídeo que tengo en mi canal de YouTube.
Mencionó que cuando tienes un formulario muchas personas los hacen muy grandes muy anchos y se ven bastante
feos entonces por eso agregamos contenido centrado para que vea hacia el centro y quede un poco más
pequeño y no dé tanta flojera al leerlo y llenarlo.
Después vamos a colocar un HD2 H2 y vamos a H2 Font Way 300 de nueva cuenta central texto y recuerda
ponemos un H2 pero aquí no puede ir a un section porque tenemos que definir un main mantiene un poco
más de peso que el section llena el formulario de contacto puede colapsar esto y vamos a morir el proyecto
que tenemos llena el formulario de contacto mis dos faltona en mayúscula sea mejor bien una vez que
definimos lo que son los contenedores tenemos que crear el formulario muy importante siempre que tienes
un formulario se utiliza una etiqueta llamada From ISSFAM y todo lo que esté dentro de aquí.
Todos los campos por ejemplo todos estos campos que están aquí.
Una vez que le des enviar veremos más adelante cómo crear el botón de enviar todos los campos que estén
dentro.
Se van a poder leer en el formulario por ejemplo con PHP o con JavaScript podrás leer los contenidos
si está por fuera si se pueden leer pero no es tan fácil.
Entonces siempre queda un formulario inform y va a ser más sencillo leer lo que vienen siendo los datos
introducidos por el usuario que es lo que nos interesa si tenemos por ejemplo un formulario de contacto
un formulario de cotizaciones queremos saber qué escribió el usuario entonces crea un foro y dentro
coloca los campos.
Como mencioné anteriormente existe una gran cantidad de campos.
Vamos a empezar con el más común de todos y el que más vas a utilizar vas a definir como input y puede
ser que aquí me autocompletar como Taipe igual a Tex.
Esto es lo que va a decir es bueno esto va a ser un campo de texto o va a ser un campo en el que puedes
escribir pero es de tipo texto solamente texto puede entrar en esta parte ahora por ejemplo si guardas
cambios y abres tu proyecto puedes ver que aparece el formulario pero un formulario así como está aquí
como que no sabes ni qué es nada más parece un cuadro ahí entonces usualmente vienen acompañados siempre
de algo que se conoce como un Layhoon eliminar esta parte y aquí pongo nombre y es digamos lospuntos
si guardas cambios que es el nombre y luego ya viene el campo entonces ya es más fácil de entender ya
sabes.
Aquí me pide mi nombre.
Vamos a ver.
Por ejemplo pudiste ver que anteriormente aquí Lebel y me apareció una etiqueta que decía for qué es
este Forno.
Bueno ese foro lo que quiere decir es a qué elemento pertenece este level y este foro usualmente cuando
lo pones for digamos nombre tienes que especificar a quién Heydi que diga nombre.
Es decir este y oeste deben de ser iguales para que el Leibowitz sepa.
Bueno yo pertenezco a este imput de tipo de texto con el Heydi de nombre y cuál es la ventaja de especificarlo.
Bueno cuando recargas si das click en este Lebacs activa lo que viene siendo el input y eso va a permitirle
a los usuarios que sea más fácil de escribir se puedan posicionar bien en el elemento en el que quieren
escribir.