Hoy es el 60 ° día de aprendizaje, no importa si realmente es gratificante todos los días, pero con el aprendizaje de etiqueta <form> de hoy, realmente se está acercando cada vez más a una victoria por etapas, y la luz del éxito está comenzando a verse. Cuando llegué, el segundo día de mi estudio, un querido amigo me animó, ¡puedes desarrollar un hábito en 60 días, espero! ! !
Permítanme hablar sobre las etiquetas no meta en las etiquetas <meta> que no se terminaron ayer
<title> oldboy </title>
Lo que se establece es lo que está dentro del marco rojo.
<link rel = "icon" href = "http://www.jd.com/favicon.ico">
Se muestra la dirección de este icono.
<link rel = "stylesheet" href = "css.css">
Introduce el modo CSS para renderizar. Todavía no he aprendido CSS, así que no diré mucho por ahora.
<script src = "hello.js"> </script>
Es un poco como el de arriba. Ni siquiera supe el nombre. No lo sé por ahora.
El siguiente es el contenido principal de hoy, etiqueta <body>
Hay dos tipos de etiquetas:
块 级 标签 ： <p> <h1> <table> <ol> <ul> <form> <div>
No importa cuál sea la situación, ocupa toda la línea y se puede ver al configurar el color de fondo.
内 联 标签 ： <a> <input><img><sub> <sup> <textarea > <span>
La longitud de la etiqueta está determinada por la longitud del texto.
Primero, la etiqueta básica
<hn>: El rango de valores de n es 1 ~ 6; de grande a pequeño. Se utiliza para indicar el título.
<p>: Etiqueta de párrafo. El contenido envuelto está envuelto. También hay una línea en blanco entre el contenido superior e inferior.
<b> <strong>: etiquetas en negrita.
<strike>: agrega una línea central al texto.
<em>: el texto se pone en cursiva.
<sup> y <sub>: superíndice y subíndice.
<br>: Salto de línea.
<hr>: línea horizontal
<div> <span>: su efecto principal es sin efecto, pero luego se utilizarán para configuraciones específicas para un determinado segmento.
Diferencia: <div> etiquetas de nivel de bloque <span> etiquetas en línea
Algunas características:
Características de los elementos de bloque.
Siempre comience en una nueva línea; el
ancho predeterminado es el 100% de su contenedor, a menos que se establezca un ancho.
Puede acomodar elementos en línea y otros elementos de bloque
Características de los elementos en línea.
Está en una línea con otros elementos; el
ancho es el ancho de su texto o imagen, y no se
puede cambiar . Los elementos en línea solo pueden contener texto u otros elementos en línea
Carácter especial
& lt; (menor que) & gt; (mayor que) & quot; & copy; & reg;
En segundo lugar, la etiqueta gráfica: <img>
src: la ruta para mostrar la imagen.
alt: no hay ningún aviso cuando la imagen se carga correctamente.
title: solicita información cuando el mouse está flotando.
ancho: el ancho de la imagen
altura: la altura de la imagen (solo uno de los dos atributos de ancho y alto se escalará automáticamente de forma proporcional).
3. Etiqueta de hipervínculo (etiqueta de anclaje) <a>
href: el formato de la ruta del recurso a conectar es el siguiente: href = "http://www.baidu.com"
target: _blank: abre el hipervínculo en una nueva ventana Nombre del marco: abre el contenido de la conexión en el marco especificado.
nombre: defina un marcador para una página.
Se usa para saltar href: #id. (Anchor)
Cada etiqueta se puede configurar, la forma de establecer la identificación es más arbitraria, siempre y cuando se garantice que sea única, agregue # delante de href al saltar para indicar que el objetivo es una identificación determinada
Cuatro etiquetas de lista:
<ul>: lista desordenada
<ol>: lista ordenada
<li>: cada elemento en la lista.
<dl> lista de definiciones
<dt> título de la lista
<dd> elemento de la lista
Es mejor probar este más, ver ejemplos
< ol > < li > 111 </ li > < li > 22 </ li > < li > 333 </ li > </ ol >
< dl > < dt > Capítulo 1 </ dt > < dd > Sección 1 </ dd > < dd > Sección 2 </ dd > < dd > Sección 3 </ dd > </ dl > < ul > < li > 111 </ li > < li > 22 </ li > < li > 333 </ li > </ ul >
El efecto correspondiente es así
Seis etiquetas de formulario <form>
Muy importante, confiaré en él más tarde
El formulario se utiliza para transferir datos al servidor.
El formulario puede contener elementos de entrada , como campos de texto, casillas de verificación, casillas de radio, botones de envío, etc.
El formulario también puede contener elementos de área de texto , selección, conjunto de campos y etiquetas .
1. Propiedades del formulario
El formulario HTML se utiliza para recibir diferentes tipos de entrada del usuario. Cuando el usuario envía el formulario, los datos se transmiten al servidor, lo que permite la interacción entre el usuario y el servidor web. Etiqueta de formulario, todo el contenido a enviar debe estar en esta etiqueta.
acción: dónde enviar el formulario. Generalmente, apunta a un programa en el lado del servidor, y el programa recibe los datos enviados por el formulario (es decir, el valor del elemento del formulario) para el procesamiento correspondiente, como https://www.sogou.com/web
Método: el método de envío del formulario post / get El valor predeterminado es get (sobre)
obtener: 1. El par clave-valor enviado. Detrás de la URL en la barra de direcciones. 2. La seguridad es relativamente deficiente. 3. Existe un límite en la longitud del contenido enviado.
publicación: 1. El par clave-valor enviado no está en la barra de direcciones 2. La seguridad es relativamente alta 3. La longitud teórica del contenido enviado es ilimitada.
Obtener / publicar son dos métodos de solicitud comunes.
2. Elementos de forma
<input> atributos de etiqueta y valores correspondientes
tipo: cuadro de entrada de texto de texto
caja de entrada de contraseña
radio caja de radio
casilla de verificación casilla de verificación
botón de enviar
botón (debe usarse con js.) ¿Cuál es la diferencia entre botón y enviar?
file Envíe el archivo: el formulario del formulario debe agregar el atributo enctype = "multipart / form-data"
nombre: la clave del elemento de envío del formulario. Observe la diferencia con el atributo id: el atributo name es el nombre utilizado cuando se comunica con el servidor; y el atributo id es el nombre utilizado por el lado del navegador, este atributo es principalmente para la conveniencia de la programación del cliente, y en CSS El
valor utilizado en JavaScript : el valor del envío del formulario. Para diferentes tipos de entrada, el uso del atributo value también es diferente:
? 12345type = "button", "reset", "submit" -define el texto que se muestra en el botón type = "text", "password", "hidden" -define el valor inicial del campo de entrada type = "checkbox", "radio "," imagen ": define el valor asociado con la entrada
marcado: la radio y la casilla de verificación están marcadas por defecto
solo lectura: solo lectura, texto y contraseña
deshabilitado: fácil de usar para todas las entradas.
Necesita practicar más de lo anterior, o recordarlo aquí, y darle la vuelta cuando lo use.
< h1 >注册 页面</ h1 > < form action = "http://127.0.0.1:8090/index" method = "post" enctype = "multipart / form-data" > < p >姓名< input type = " texto " nombre =" nombre de usuario " marcador de posición =" 姓名 " > </ p > < p >密码< input type =" password " name =" password " placeholder =" 密码 "readonly = "readonly" > </ p> < p >爱好 ： 音乐< input type = "checkbox" name = "hobby" value = "music" check = "check" >电影< input type = "checkbox" name = "hobby" value = "movie" > < / p > < p >性别 ： 男< input type = "radio" name = "gender" value = "men" >女<input type = "radio" name = "gender"value = "women" > </ p > </ form >
Eso es todo por el momento y seguir insistiendo en que debería poder alquilar un servidor y probarlo.