Tutorial sobre cómo escribir un formulario en html
Cuando navegamos por algunos sitios web, a menudo utilizamos un elemento de la página web: un formulario. Como se muestra a continuación, una función que permite a los usuarios ingresar y enviar información usando botones se llama formulario. A continuación, presentaremos algunos puntos de conocimiento relacionados con los formularios HTML.
1) Formulario: un mecanismo que ayuda al servidor a recopilar información del cliente
lt; form?action="Página enviada a"?method="Método de envío"gt; p>
¿Control de formulario?
formgt;?
acción: la ruta absoluta/ruta relativa de la página donde se enviaron los datos por última vez
método : Método de envío post get al enviar datos al servidor
2) Control de formulario: el control de formulario se utiliza para que los usuarios completen información
1. en menos información, y Un control que puede mostrar la información completada por el usuario
(Al registrarse, complete el nombre de usuario)
Formato:
lt; input?type="text"?name= ""?id=""?value=""?size=""?placeholder=""/gt;?
tipo: establece el control texto de estilo
nombre: utilizado para Un identificador del formulario para recopilar información, que es el nombre del control
2. Cuadro de contraseña: solo no se puede incluir el contenido ingresado por el usuario. visto
lt; input?type="contraseña" ?name=""?id=""?size=""/gt;?
3. grupo de botones compuesto por varios botones de opción. Solo se puede seleccionar uno de ellos. Este tipo de grupo de botones
lt;input?type='radio'?name=""?value=""?checkedgt; ¿identificador?
nombre: para garantizar la entrega de los datos del servidor. Solo hay uno, por lo que el valor del nombre debe ser el mismo
valor: son los datos enviados para esta etiqueta. cuando se utiliza el servidor de envío, y el valor no puede ser el mismo;
marcado: el botón en el grupo de botones predeterminado Seleccionado
Género: lt; input?type='radio'? name=""?value=""?checkedgt;¿Hombre?
lt; input?type='radio '?name=""?value=""?checkedgt;¿Mujer?
lt;input?type='radio'?name=""?value=""?checkedgt;¿Confidencial?
¡¡¡Los valores de nombre de todos los controles de formulario no pueden ser los mismos!!!
4. Grupo de botones de verificación: la diferencia con el grupo de botones de opción es que puede seleccionar varios elementos para entregar varios contenidos seleccionados por el usuario, agregue [] después del nombre. /p>
Formato:
lt; input?type='checkbox'?name=""?id=""?value= ""?checkedgt?
Selección de cursos:
lt; input?type='checkbox'?name='classes[]'?checked?value='1'gt; ?type='checkbox'?name='clases[]'?value='2'gt;
lt; input?type=' checkbox'?name='clases[]'?value ='3'gt;¿Historia?
lt;input?type='checkbox'?name='clases[]'?value='4' gt;¿Política?
lt ;input?type='checkbox'?name='clases[]'?value='5'gt;¿Física?
lt;inp
ut?type='checkbox'?name='clases[]'?value='6'gt;química?
lt;input?type='checkbox'?name='clases[]'? check?value='7'gt;Art
Nota: asegúrese de agregar [] después del atributo de nombre
5) Cuadro de lista desplegable:
Formato:
lt; select?name=""?gt;?
lt; option?value=""?selectedgt; opción de elemento de lista desplegable;?
lt;option?value=""?gt; opción de elemento de lista desplegable;?
lt; option?value=""?gt;
lt; option?value=""?gt; opción de elemento de lista desplegable;?
lt; opción?value=""?gt; ;?
selectgt;?
múltiple: permite a los usuarios seleccionar varios elementos de la lista desplegable
optgroup: establece etiquetas de categorías desplegables
6) Campo de texto: un control de formulario que puede ingresar múltiples líneas de datos
lt;textarea?name=""?id=""?cols=""?rows=""gt; ?
Contenido?
textareagt; ?
filas: establece el número de filas que se pueden ingresar en el campo de texto
cols : establece el número de columnas que se pueden ingresar en el campo de texto (cuántos caracteres se pueden ingresar en una línea) (no PX)
Introducción personal:
lt; textarea? name='descs'?cols="50"?rows="10"gt;?
¿Soy estudiante?
textareagt;?
7 ) Campo oculto:
lt; input?type="hidden"?name?=?""value?=""gt ;?
8) Control de carga:
lt; input?type="file"?name=""gt;?
9) Etiqueta del botón:
Botones normales: controles proporcionados para js
lt; input?type='button'?name=””?value=""/gt;?
valor: los datos que se muestran en el botón y el valor enviado por el control después envío al servidor
lt; input?type='button'?name='clicks'?value="Haz clic en mí"/gt ;?
Botón Enviar: haz clic para enviar el formulario
lt; input?type='submit'?name="add"?value='registration'/gt;?
Botón Restablecer: haga clic para borrar los datos ingresados por el usuario
lt; input?type='reset'?name='cancel'?value='reset'gt ?
Botón de envío de imagen: utilizar una imagen como botón de envío
lt; input?type='image'?src='image address'?name=””gt;?
Eso es todo por compartir este artículo. la respuesta te puede ayudar.