Bien, sigamos, entonces vamos a crear la plantilla, nos vamos acá Recursos Templates, vamos a crear
una nueva vista.
Entonces nos vamos a otro.
Por acá buscamos HTML, por acá web y acá en web buscamos html.
HTML, file.
Siguiente bien form.
Punto html.
Finalizar acá lo tenemos dentro de templates.
Le vamos a cambiar acá un Tf8 bien.
Y recuerden que opcionalmente podemos agregar acá el n'est pas de Tamlin.
Entonces XML en tenés dos punto th.
Tim Lif Funtor Ven y voy.
Vamos a tener el formulario.
Entonces la etiqueta form y tienes que tener un target, es decir, una ruta °l a la cual vamos a enviar
este formulario.
Una vez que creamos y hacemos clic en el botón bueno, este target se especifica se indica con la etiqueta
action que propio del formulario.
Si, de hecho con control barra espacio completamos.
Acá tenemos action este atributo, pero tiene que ser el de Tamlin usando el TH.
Entonces acá indicamos TH 2 punto action.
Muy importante porque es una ruta de Spring.
Recuerden que toda ruta Spring va con el ArruÃ y las llaves igual que siempre.
Y acá indicamos la ruta target.
Es decir, form.
Es decir, si nos vamos a controlador nos vamos acá.
Form del tipo post es del tipo post.
Acá lo tenemos que indicar.
Entonces por acá tenemos el atributo method, se fijan method por defecto y get lo dejamos en post y
listo.
Entonces Post y la ruta.
Con eso vamos a caer acá.
Bueno, lo siguiente los campos.
Bueno, vamos a partir primero simple, sin tanto estilos, aunque podríamos implementar vostra para
agregar estilos de formulario.
Bueno, eso quizás después lo podamos hacer también es simple, no tiene tanto costo en tiempo, es
fácil de implementar, pero lo dejamos para final.
Por ahora nos centramos en el formulario, vamos a tener campos, lo vamos a anidar en div solamente
para que quede ordenado, organizado.
Después lavamos estilos y dentro de cada campo.
Bueno, el campo también está asociado a un nombre, etiqueta o nombre campo, un label.
Y por acá vamos a tener entonces el campo, pero el campo dentro de un div, porque así también se le
puede aplicar estilo al input.
Perfecto input.
Esta etiqueta es para indicar un campo formulario.
Tiene atributos, por ejemplo el name y el atributo name.
También muy importante el Heidy.
Bueno, en realidad no es tan tan importante, pero le podemos agregar alguna funcionalidad, sobre
todo si queremos trabajar con ya scrip algunas funcionalidades al cliente.
En fin, aquí faltaría.
Bueno, lo más importante, indicar qué tipo de contenido, por ejemplo, puede ser del tipo puede ser
todo esto del tipo button, check box, dato, una fecha, un email, un file given.
Bueno, pero lo normal o lo estándar del tipo texto del tipo tex también podría ser un Amper o el tipo
password.
Lo dejamos como texto bien, le damos un nombre de parámetro, por ejemplo y yussef n de este campo
hacer de nombre usuario y Leydi igual, exactamente igual.
De hecho, le copiamos, lo pegamos y en el label colocamos Yussef o nombre usuario como queramos juzgen
y también podríamos agregar en el label el for.
El for es una etiqueta que para mapear o asignar el Heidy del input.
Por lo tanto en el for va el Chosen.
En el Heidy siempre Leydi.
Bueno, y para qué sirve?
Más que nada para usabilidad, nada más que usabilidad.
Por ejemplo, si hacemos clic, un clic con el mouse en el label en el nombre, el campo automáticamente
va a ser foco y se va a posicionar el cursor dentro del input.
Eso es todo.
Algo funcional de HTML y lo tenemos listo.
Bueno, voy a organizar con clic derecho source format.
Ahí tenemos el primer campo, pudiéramos tener otro más.
Para el password acá también sería password.
Acá también, y en el foro también se copió mal.
Bueno, se copió con las comillas.
Acá también.
Cuidado con eso.
Un detalle bien, ahí lo tenemos.
Password también del tipo text o mejor del tipo password, por ejemplo password.
Ahí voy a copiar otro campo.
Y lo pegamos acá.
Y.
Voy a copiar este si la comilla ahora, si no me equivoco, se la comilla y lo pegamos acá en el Naïve.
Y también en el Heidy.
En el tipo lo dejamos del tipo texto, de tipo texto, igual que el Yousef.
Bueno, también podría ser del tipo y mail.
Por ejemplo, acá también tiene el tipo de mail, lo que hace validar que sea un formato de correo electrónico,
nada más.
Es propio de este tml 5.
De ahí vemos la diferencia, pero por ahora mejor lo dejamos en texto, aunque da lo mismo.
Bien nombre y mail Heidy mail y fore email y acá email o correo, correo, mail como queramos y listo.
Pero qué faltaría?
Qué nos faltaría?
Formulario para que realmente lo podamos enviar el botón.
Entonces vamos a copiar.
Lo pegamos acá.
El botón no tiene label, solamente un botón nada más.
Así que quitamos eso y lo jamo de esta forma.
Pero el tipo en vez de texto sería el tipo submit submit de enviar.
El Heidy no va, lo quitamos.
No es necesario Leydi solamente lo estamos usando por el FOR para esa funcionalidad de hacer un click
que se posicione en el campo en el input.
El name da lo mismo, lo podemos dejar sin nombre porque no es un parámetro que vayamos a enviar.
Es un botón, así que lo quitamos también.
Pero si le podemos dar un texto con Balbino, entonces con Baley le damos el texto.
Por ejemplo, enviar y guardamos bien.
Y también voy a guardar, controlar que se me olvide guardarlo la vez pasada.
Listo.
Oita.
Faltaría implementar, procesar este método, que reciba los datos y también faltaría la vista ha resultado
mostrar estos datos que enviamos.
Bueno, faltaría todo eso, pero lo vemos en la siguiente clase.