Cómo crear una tabla HTML
Este artículo explica un elemento web que se utiliza a menudo al navegar por algunos sitios web. Como se muestra a continuación, todos deben estar familiarizados con ella. La función que permite a los usuarios ingresar y usar botones para enviar información se llama formulario. A continuación, les presentaré algunos puntos de conocimiento relacionados con los formularios HTML. A usted. .
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: ruta absoluta/ruta relativa de la página donde se enviaron los datos por última vez
método: envío de datos Método de envío del servidor post get
2) Control de formulario: control de formulario para que los usuarios completen información
1 Control de texto: se utiliza para que los usuarios completen menos información y se puede mostrar Control. para que los usuarios completen información
(Al registrarse, complete el nombre de usuario)
Formato:
lt;type="text"?name; ="" id=""value=""?size=""?placeholder=""/gt;?
tipo: establece el estilo de control texto
nombre: usado para información de la colección de formularios Un identificador, que es el nombre del control
2. Cuadro de contraseña: solo no se puede ver el contenido ingresado por el usuario
lt; "?name=" "?id=""size=""/gt;?
3. Grupo de botones de opción: un 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 identifier?
nombre: Para garantizar que solo se transmiten datos de un servidor, por lo que nombre Los valores deben ser los mismos
valor: son los datos enviados para esta etiqueta cuando se utiliza el servidor de envío. El valor no puede ser el mismo;
marcado: qué botón del grupo de botones predeterminado está seleccionado
Género:lt; input?type='radio'?name=""?value=""?checkedgt;Masculino?
lt; input?type='radio'?name=" "?value=""?checkedgt;¿Mujer?
lt;input?type='radio'?name=""? value=""?checkedgt;¿Confidencial?
¡¡¡Todos los valores del nombre del control del formulario no pueden ser iguales!!!
4. Grupo de botones de verificación: la diferencia con el botón de opción. grupo es que puede seleccionar varios elementos Para transferir varios contenidos seleccionados por el usuario al servidor, debe agregar [] después del nombre
Formato:
lt; ?type='checkbox'?name=""?id=""?value=""?checkedgt; ¿Marcar?
Selección de curso:
lt;type=' checkbox'?name='clases[]'?checked?value='1'gt; ¿chino?
lt; input?type='checkbox'?name='clases[]'value='2 'gt;Matemáticas?
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;input?type='
checkbox'?name='clases[]'value='6'gt;química?
lt;input?type='checkbox'?name='clases[]'?checked?value='7 'gt; Art?
Nota: asegúrese de agregar [] después del atributo de nombre
5) Cuadro de lista desplegable:
Formato: p>
lt;select?name=""?gt;?
lt;option?value=""?selectedgt;elemento de lista desplegableoptiongt;?
lt ;option?value =""?gt; elemento de la lista desplegable optiongt;?
lt; option?value=""?gt; elemento de la lista desplegable optiongt;?
lt; option?value=" "?gt; elemento de la lista desplegable optiongt;?
lt; option?value=""?gt; elemento de la lista desplegable;?
selectgt;?
múltiple: permite a los usuarios seleccionar varios elementos de la lista desplegable
optgroup: establece etiquetas de categorías desplegables
6) Texto campo: 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 puede 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) Dominio oculto: p>
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: botón Los datos mostrados y el valor enviado por el control después de ser enviado al servidor p>
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: use una imagen como botón de envío
lt; input?type='image'?src='image address'?name=””gt;?
¡El intercambio de este artículo termina aquí! Los estudiantes interesados pueden probarlo ellos mismos. /p>