Serialización detallada de HTML (3)

enlace de columnaenlace

La siguiente columna presenta

Esta columna es el viaje de aprender el front-end por mí mismo, el código que escribí puramente a mano, seguí el curso oscuro y agregué algunos de mis propios conocimientos para hacer las modificaciones apropiadas al código y las notas
. Espero que pueda ser útil para todos y, al mismo tiempo, supervíseme, dé sugerencias sobre el código que escribí y aprendan unos de otros.

comenzar

forma

efecto

recopilar información del usuario

Escenas a utilizar

Página de inicio de sesión, página de registro, área de búsqueda

El uso básico de las etiquetas de entrada

El valor del atributo del tipo de etiqueta de entrada es diferente, la función es diferente

ejemplo

   <input  type=”...”>

tipo atributo valor y descripción

valor de atributo	ilustrar
texto	Cuadro de texto para ingresar una sola línea de texto
contraseña	cuadro de contraseña
radio	Caja individual
caja	Caja
archivo	subir archivos

texto de marcador de posición de etiqueta de entrada

texto de marcador de posición: mensaje rápido

ejemplo

   <input  type=”...” placeholder=”提示信息”>

Aviso

Se pueden usar tanto el cuadro de texto como el cuadro de contraseña

radio de un solo botón

Nombre del Atributo	efecto	instrucciones especiales
nombre	nombre de control	Los controles están agrupados, solo se puede seleccionar uno en el mismo grupo (función de selección única)
comprobado	seleccionado por defecto	El nombre del atributo es el mismo que el valor del atributo, abreviado como una palabra

## Subir archivo-archivo
De manera predeterminada, el control de formulario de carga de archivos solo puede cargar un archivo, agregar el atributo múltiple puede realizar la función de selección múltiple de archivos

ejemplo de código

 <input type=”file”multiple>

Casilla de opción múltiple-casilla de verificación

El cuadro de opción múltiple también se llama casilla de verificación

Aviso

Seleccionado por defecto: marcado

ejemplo de código

  <input type=”checkbox”checked>敲前端代码

## El menú desplegable
selecciona la opción anidada, seleccionar es todo el menú desplegable, la opción es cada elemento del menú desplegable

campo de texto

efecto

Control de formulario para texto de entrada de varias líneas

Etiqueta:

área de texto, etiqueta doble

ejemplo

  <textarea>默认提示文字</textarea>

etiqueta de etiqueta

efecto

En la página web, el texto de descripción de una etiqueta

experiencia

Use la etiqueta lable para vincular la relación entre el personal administrativo y el control de formulario para aumentar el rango de clic del formulario

uno escrito

La etiqueta lable solo envuelve el contenido, no el control de formulario
Establezca el valor del atributo for de la etiqueta lable para que sea el mismo que el atributo id del control de formulario

<input type=”radio”id=”man”>
<lable for=”man”>男</lable>

Método de escritura dos:

Use etiquetas de etiqueta para envolver texto y controles de formulario, no se requieren atributos

<lable><input type=”radio”>女</lable>

enfatizar

Controles de formulario que admiten etiquetas de etiqueta para aumentar el rango de clic: cuadros de texto, cuadros de contraseña, archivos de carga, cuadros de selección múltiple, menús desplegables, campos de texto, etc.

botón-botón

<button type=””>按钮</button>

tipo atributo valor y descripción

valor de atributo	ilustrar
entregar	Botón Enviar, haga clic para enviar datos al fondo (función predeterminada)
reiniciar	Botón Restablecer, que restaura los controles del formulario a sus valores predeterminados cuando se hace clic
botón	Botón ordinario, sin función por defecto, generalmente usado con JavaScript

Etiquetas de diseño semántico

efecto

Diseño de página web (dividir el área de la página web, colocar el contenido) div: extensión
de línea exclusiva : sin salto de línea

ejemplo

<duv>div标签，独占一行</div>
<span>span标签，不换行</span>

entidad de carácter

efecto

Mostrar caracteres reservados en páginas web

hoja

Mostrar resultados	describir	nombre de la entidad
	espacio
<	Menos que signo	<
>	mayor que el signo	>