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;

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:

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:

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

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>