Todo bien.
Entonces, en los próximos videos vamos a enfocarnos en cada equipo en todos los formularios, de modo que los formularios son la forma
en que recibimos información de un usuario, ya sea para registrarse en una página para comentar una foto y subir una foto para elegir un color
para elegir una cita.
Hay tantas cosas diferentes que hacer con formularios y en realidad es relativamente simple y lo
superaba.
Solo hay dos elementos importantes que vamos a aprender aquí.
vamos a terminar aprendiendo sobre las validaciones de nuestros datos. ¿Cómo nos aseguramos de que alguien complete parte de la reforma?
Así que vamos a centrarnos en la etiqueta del formulario, la etiqueta de entrada, la etiqueta y luego también
Alguien no puede dejar nuestra contraseña en blanco o enviarla en blanco o algo así.
Entonces, para comenzar, hagamos una encuesta rápida de algunos de los formularios que se encuentran en la vida cotidiana.
Así que tengo algunas imágenes aquí de sitios como Twitter Facebook Google.
Echemos un vistazo y rompamos algunos de estos.
Así que aquí está el formulario de inicio de sesión para Facebook.
Tenemos un lugar donde podemos escribir algo de texto en el texto y poner otra entrada donde ingresamos
las contraseñas.
Lo más probable es que cuando ingrese su contraseña esté punteada para que no vea la contraseña.
Y luego una casilla de verificación.
Y cuando hacemos clic en este botón, se envía todo esto.
Entonces agrupa estos juntos.
No tenemos un botón para enviar un correo electrónico con un botón de contraseña con un solo botón para la casilla de verificación.
Todo va a la vez.
Lo mismo aquí cuando nos registramos.
Tenemos más entradas, cinco entradas de texto diferentes, tres menús desplegables diferentes.
Estas se llaman etiquetas de selección y luego dos cosas llamadas botones de radio.
Y finalmente, un botón de registro que va a tomar todo esto y enviarlo a Facebook para
que lo use.
Entonces, lo que vamos a aprender hoy es la etiqueta extranjera y estas formas van a ser un poco tontas.
No van a hacer nada realmente.
Necesitamos tener una configuración de back-end.
Necesitamos una base de datos, necesitamos algo de lógica y un código de back-end para hacer algo con el formulario.
Entonces, por ahora, se verán como si esto fuera capaz de recrear esto.
Pero cuando haces clic en Registrarse o haces clic en Iniciar sesión o buscas en Google nuestros foros realmente van a
hacer algo de esa lógica.
Simplemente van a ser el usuario frontal que enfrenta una parte de las cosas.
Entonces, lo primero es la etiqueta del foro.
Entonces, la etiqueta del foro es básicamente un shell o un contenedor para todos estos tipos diferentes de entradas.
Entonces esta es una etiqueta de foro alrededor de todo esto.
Esta podría ser una etiqueta de formulario alrededor de todos estos y demás.
Aquí hay otra etiqueta de formulario con solo hacer una etiqueta de foro que realmente no ve nada en la página.
Lo veremos en solo un segundo.
Básicamente es solo un contenedor y ponemos todas nuestras diferentes entradas allí.
Por lo tanto, las casillas de verificación y los botones, y los menús y las imágenes en color, todos van dentro de un huevo formado.
Entonces, hay dos atributos importantes que pasarán más tiempo con esto cuando lleguemos al back-end.
Así que trate de no obsesionarse con exactamente cómo funciona esto, pero un formulario va a enviar una solicitud a alguna
parte que envíe datos desde el formulario a un servidor en alguna parte.
Entonces, la primera acción parcial especificará dónde enviar los datos.
¿Va a Google?
¿Se va a registrar en la página? Se cerrará. Aprenderemos mucho más sobre cómo lo hacemos
en la sección de fondo de esta clase.
Y luego la segunda parte es qué tipo de solicitud de HSDPA enviar.
Entonces podríamos enviar una solicitud de obtención o podríamos enviar una solicitud postal.
Y de nuevo, esta es otra cosa en la que vamos a pasar mucho más tiempo.
Pero la simple versión generalizada que hacemos una solicitud de obtención cuando estamos haciendo algo como buscar o
recuperar datos, estamos tratando de obtener información y hacemos una solicitud posterior cuando estamos enviando datos que
queremos que se agreguen a una base de datos publicada a un servidor.
Entonces, en estos ejemplos, aquí cuando busca en Google, presiona ingresar o hace clic y busca que va
a hacer una solicitud.
En realidad, no agrega nada a la base de datos.
No está cambiando nada.
Simplemente se trata de recuperar datos.
Obtener datos es una solicitud de obtención.
Estos aquí sin embargo para registrarse en Facebook o registrarse en Twitter.
haces clic en Registrarse, toma tus datos y los agrega a la base de datos de Twitter.
Esas serán solicitudes posteriores cuando ingresaste los datos y cuando
Así que de nuevo vamos a trabajar en eso un poco más adelante en esta clase.
Entonces, por ahora, solo familiarícese con la acción y el método, y con el hecho de que existen.
Entonces, la etiqueta de entrada es lo que realmente entra dentro de nuestras formas.
Es lo que va a crear las diferentes entradas que vemos aquí, una entrada de texto y una contraseña ingresan
un botón de opción.
En realidad, no crea un menú desplegable.
en el ejercicio posterior pero crea todo tipo de entradas diferentes para la entrada del usuario.
Entonces hablaremos de eso
Así que tengo algunos ejemplos aquí.
Todos son exactamente iguales excepto por este tipo de atributo.
Entonces, si type es igual a text obtenemos un tipo de cuadro de texto igual a date.
Obtienes este pequeño tipo de selector de fecha igual a color.
Obtienes un selector de color del archivo de Eiffel obtenemos un selector de archivos, escribe la casilla de verificación de Pickle.
Recibimos una casilla de verificación.
Así que de hecho voy a buscar endian y buscar entrada.
Y a medida que lo haga, verá que a medida que me desplazo hacia los atributos debajo del texto, aparece una lista de
todos los tipos posibles que podemos especificar.
Y hay alrededor de 30 o 40 de ellos aquí.
Y para ser sincero, hay mucho aquí que probablemente nunca necesitarás usar.
Pero hay algunos que usa todo el tiempo.
Y entonces realmente nos enfocaremos en eso.
Esas son cosas como el botón de fecha de la contraseña de correo electrónico de texto y luego algunos de los otros como el color.
No puede usar muy a menudo.
Definitivamente me gustaría tener más oportunidades de hacer fotos en color.
Es mi favorito de las entradas, pero quiero que sepan que hay muchas opciones diferentes aquí.
Entonces, para hacer un formulario simplemente tomamos una etiqueta de formulario y la llenamos con algunas etiquetas de entrada.
Así que aquí hay un ejemplo realmente simple.
Tenemos dos entradas.
Igual que el texto escriba la contraseña de Pickle y nos hace esta buena forma aquí.
Y puede ver que cuando completamos este primer tipo equivale al texto, simplemente se ve como un texto normal.
Y a medida que completamos el tipo equivale a la contraseña, solo se muestran los campos de contraseña oculta.