homefinance blog
Los formularios HTML son una parte muy importante del desarrollo web.Si alguna vez ha buscado algo de Google.En realidad enviaste un formulario de búsqueda.Si publicó una condición en Facebook, Twitter o cualquier otra plataforma, acaba de completar otro formulario HTML.Del mismo modo, si realizó una compra una vez en línea y completó sus datos personales, realmente completó un formulario HTML.Del mismo modo, las encuestas, formularios de contacto, computadoras, formularios de información sobre usuarios, formularios de artículos y muchos otros tipos de formularios están en todas partes en la web.Entonces, como sabemos, los formularios son de hecho una parte muy importante de la web.Del mismo modo, sabemos que hay varios tipos de campos de entrada.Como campos de texto, campos telefónicos, campos de correo electrónico, campos de fecha, área de texto, selecciones, radio, cuadros de selección y lista de datos.Intentemos entenderlos.
Cómo hacer un formulario HTML para crear un formulario HTML, solo tiene que concluir los campos en las etiquetas . La etiqueta de formulario acepta muchos tipos de atributos, los más importantes son Action = “” y Method = “” Como puede ver en el siguiente ejemplo. El atributo Action = “” del formulario HTML en realidad dice dónde enviar el formulario al hacer clic en el botón Enviar para enviar los datos. En nuestro caso, cuando se hace clic en el botón de envío, toda la información se enviará do gracias.html. Por otro lado, el atributo del método = “” acepta dos tipos de publicación y obtiene la única diferencia entre POST y GET es que la publicación envía los datos ocultos mientras obtiene los datos envían a la URL. ¿Obtiene el método enviar datos con cadenas de consulta con las que comienzan? Marque de interrogación eso. http://yoursite.com/?myname= “” Aquí? Myname se envía con el método GET. Algunos tipos de campos de campo HTML antes de crear nuestro formulario. ELEMENTOS DE ENTRADA Hay diferentes tipos de elementos de entrada en formularios HTML. Use, que se dan, texto, teléfono, número, color y muchos más. Nota: el tipo de entrada predeterminado es texto, por lo que si salta para agregar un tipo, será un texto automático. Otros tipos de entrada se enumeran a continuación, Algunos de ellos explicaron más detallados.
El campo de texto <input type = "text" se usa para definir el campo de texto con una sola línea. Si desea ingresar texto con varias líneas, puede usar el área de texto. Por ejemplo, si desea tomar solo el nombre, Entonces el campo de introducir el texto es bueno.
Nombre de primer Campo de contraseña No puede tomar la contraseña en el campo de texto simple, porque sería visto por el Personas a su alrededor mientras alguien ingresa a su contraseña. Por lo tanto, siempre puede usar la contraseña del tipo de entrada que muestra solo puntos en lugar del texto de contraseña. contraseña:
Tipo de entrada Define un campo de introducción numérica. También puede establecer restricciones en números aceptados. El siguiente ejemplo muestra un campo de introducción numérica en el que puede ingresar un valor de 1 a 10:
porcentaje de color 1 a 10: campo dado Define un selector de datos. El valor resultante incluye el año, mes y día. Consejo: ¡Agregue siempre la para las mejores prácticas de accesibilidad! Evento en: tipo de entrada de dataTime-Local si desea tomar la fecha y la hora, Especifica un campo para ingresar la fecha y la hora, sin la zona horaria. Apropiados todos los navegadores modernos aceptan este tipo de introducción, que le permite tomar la fecha y la hora del usuario. Seleccione el tiempo para elegir el pedido: Zona de texto cuando desee tomar más de 1 fila de texto del usuario, Entonces el área de texto es útil. Por ejemplo, el mensaje que el usuario desea poner se administra con varias líneas, mientras que el nombre o el nombre completo pueden ser una sola línea. Por lo tanto, el campo de texto de entrada puede asumir la línea única, pero para varias líneas el área de texto es adecuada. Así es como puedes crear un área de texto.
El gato estaba jugando en el jardín. seleccione o desplegable El menú seleccionar o desplegable siempre comienza con el elemento y termina con
que tiene en interiores para seleccionar.Vea a continuación el ejemplo de la selección de países. Elija un país: Japón Inglaterra </ opción Pakistan Estados Unidos de América Si desea que sus usuarios seleccionen múltiples campos en el menú desplegable, entonces use más Antes de concluir , vea el ejemplo a continuación.
Seleccione más de 1 país retención Ctrl: japón Inglaterra Pakistan Estados Unidos de América Los datos de la lista de datos son o la lista de datos en HTML es una nueva Tipo de elemento HTML. Que es aceptado por todos los navegadores modernos. En realidad, es una forma mejorada de presentar el menú de caída. Cuando tiene cientos de opciones seleccionables y desea que los usuarios ingresen algunas palabras para su finalización automática o envíen algo que no está en el campo de selección, las listas de datos son útiles. Consulte el ejemplo a continuación. Elija su navegador en la lista: El tipo de radio de radio es en realidad un círculo de elección. De las diversas opciones disponibles, el usuario puede seleccionar una sola opción. Las entradas de radio se utilizan en su mayor parte cuando solo hay unas pocas selecciones. Por ejemplo, si desea preguntarle al género de su usuario, la radio puede ser una buena opción, lo que permitiría seleccionar solo una opción de género. Ver el ejemplo
seleccione Gender macho
femenino
no quiero decir que se usan la casilla de verificación
cuando cree que el usuario puede Seleccione más opciones.Por ejemplo, para un producto hay 3 suplementos como el hielo, incluye chocolate, incluye empaque.Este tipo de selecciones se toma mejor con los cuadros de selección de entrada.Ver el ejemplo.
Seleccione complementos de bebidas ice
chocolate
empacar
El botón Enviar el botón de envío es, por supuesto, sin el botón Enviar, el usuario no podría enviar el formulario. Sí, puedo enviar haciendo clic en Intro y hay otros métodos de JavaScript para publicar el formulario. Pero el botón sigue siendo algo fácil y comprensible. El botón Enviar puede ser muy fácil. En el que el valor es en realidad la etiqueta del botón. Vea el ejemplo a continuación. El tipo de entrada enviar es en realidad un botón para enviar. Tipo de entrada RESET Define un botón de reinicio que restablecerá todos los valores de formulario a los valores predeterminados. Esto es lo mismo que el botón Enviar, pero funciona para restablecer el formulario en lugar de enviarlo. Ejemplo de una forma de trabajo de un formulario HTML Espero que ahora haya establecido su comprensión con los formularios HTML. Ahora es el momento de poner en acción un ejemplo de un formulario completo. Esta es una forma simple, pero le informará cómo hacer un formulario completo.
| Nombre completo | <input type = "text" value = "" PlaceHolder = “Ingrese el nombre aquí …”/> |
| teléfono | |
| correo electrónico | |
| contraseña | |
| mensaje | |
| su ciudad | Seleccione su ubicación Lahore sialkot | su género | masculino: femenino: no knonw: |
| ¿Acepto los términos? ox “name =” Aceptterms “value =” 1 “/> | |
