1-- [HTML] - 2 tablas y formularios

Clasificación de la forma 1

Existencia que es razonable. Ahora o en el más comúnmente usado como una etiqueta en la mesa, pero no para el diseño, elaboración común tabla de datos de formato.

Crear tabla 1.1

En la página HTML, para crear una tabla, es necesario utilizar etiquetas relacionados con tablas. Crear una tabla de sintaxis básica es la siguiente:

<table>
  <tr>
    <td>单元格内的文字</td>
    ...
  </tr>
  ...
</table>

Incluye tres pares de HTML etiquetas en la sintaxis anterior, respectivamente <table> </ table>, <tr> </ tr>, <td> </ td>, que están creando una tabla de etiqueta básica, indispensable, bajo que se enfrentan explicación específica.

1.table用于定义一个表格。

2.tr 用于定义表格中的一行，必须嵌套在 table /table标签中，在 table /table中包含几对 tr /tr，就有几行表格。

3.td /td：用于定义表格中的单元格，必须嵌套在<tr></tr>标签中，一对 <tr> </tr>中包含几对<td></td>，就表示该行中有多少列（或多少个单元格）。

nota:

1. <tr></tr>中只能嵌套<td></td>

2. <td></td>标签，他就像一个容器，可以容纳所有的元素

1.2 Propiedades de la tabla

1.3 etiquetas de cabecera

tabla Header generalmente se encuentra en la primera fila o la primera columna, que el texto en negrita está centrada, como se muestra a continuación, que se proporciona con una cabecera de la tabla. Conjunto de la cabecera es tan fácil como con la etiqueta de cabecera <th> etiqueta <th /> reemplazar la celda correspondiente <td> </ td> a.

1.4 estructura de la tabla (entender)

在使用表格进行布局时，可以将表格划分为头部、主体和页脚（页脚因为有兼容性问题，我们不在赘述），具体 如下所示：

<thead></thead>：用于定义表格的头部。

必须位于<table></table> 标签中，一般包含网页的logo和导航等头部信息。


<tbody></tbody>：用于定义表格的主体。

位于<table></table>标签中，一般包含网页中除头部和底部之外的其他内容。

1.5 Combinar celdas

Interbancaria de fusión: rowspan través de las columnas Merge: colspan

Combinar celdas de ideas:

La hora más contenido de la fusión, habrá cosas adicionales, borrarlo. Por ejemplo los tres td combinadas en una sola, sería redundante dos, necesidad de ser eliminado.

Fórmula: El número de borrado número Merge = --1

1.6 Tabla resumen

1. datos de la Tabla tabular se proporciona un método definido en HTML.
2. La composición fila celda de la tabla.
3. El número de elementos que no figuran en la tabla, la columna depende del número de filas de células.
4. No forman enredado en apariencia, es el papel de CSS.

2 etiquetas de formulario

En realidad forma, similar a nuestra tarjeta de crédito al banco para llenar la lista. Como se muestra a continuación

El propósito es recoger información de los usuarios.

En nuestra página web, también tenemos que interactuar con el usuario, la información del usuario a cobro revertido, esta vez también formas necesitar.

En HTML, una forma es típicamente un completos controles de formulario (también conocidas como elementos de formulario), sugiriendo que tres partes que constituyen los campos de información y la forma.

Los controles de formulario:

Contiene los elementos funcionales forma real, tales como la caja de una sola línea de entrada de texto, el cuadro de introducción de la contraseña, casilla de verificación, botón, botón de reinicio y el Presentar similares.

mensaje:

Una forma en general tienen que incluir un texto descriptivo, y pide al usuario que la operación de llenado.

Los campos del formulario:

Él actúa como un contenedor para la recepción de todos los controles de mensajes y la forma, el método puede ser enviado al servidor por sus direcciones URL programa de procesamiento de definición del formulario de datos, y los datos. Si no se definen los campos del formulario, los datos del formulario no se pueden transferir al servidor de fondo.

de control 2.1 de entrada (el foco)

En la sintaxis anterior, <input /> etiqueta es una sola etiqueta, el tipo de atributo para las propiedades básicas, que tienen una variedad de valores, para diferentes tipos de control especificado. Además del atributo de tipo, <input /> etiqueta puede definir muchos otros atributos que las propiedades comunes muestran en la tabla siguiente.

2,2 etiqueta etiqueta (entender)

etiquetas de la etiqueta para el elemento de entrada define la etiqueta (tag).

Papel: por un enlace de elementos de formulario, haga clic en la etiqueta cuando la etiqueta cuando los elementos de forma unida obtendrán el foco de entrada

Cómo enlazar elementos?

para atributo especifica la etiqueta con la que la unión de elemento de formulario.

<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male">

2.3 de control de área de texto (campo de texto)

Si es necesario introducir una gran cantidad de información, tenemos que utilizar etiqueta <textarea> <textarea />. Usted puede crear fácilmente múltiples líneas de control de la caja de entrada de texto área de texto por su sintaxis básica es la siguiente:

<textarea cols="每行中的字符数" rows="显示的行数">
  文本内容
</textarea>

2.4 menú desplegable

Utilice el menú de control de selección desplegables-define la sintaxis básica es la siguiente

<select>
  <option>选项1</option>
  <option>选项2</option>
  <option>选项3</option>
  ...
</select>

nota:

1. <Seleccionar> </ select> debe contener al menos un par de <option> </ option>.
2. Cuando se define una selected = "selected" en la opción, el elemento seleccionado es el elemento predeterminado.

2,5 campos de formulario

En HTML, etiquetas de formulario se utilizan para definir los campos del formulario que crean un formulario con el fin de lograr la recogida y transmisión de la información del usuario, todo el contenido estará en el formulario enviado al servidor. Crear una forma de sintaxis básica es la siguiente:

<form action="url地址" method="提交方式" name="表单名称">
  各种表单控件
</form>

atributos comunes:

1. Acción
   cuando la información de forma se recoge, las necesidades de información que se pasa al servidor para su procesamiento, atributo de acción especifica la dirección del servidor para recibir y datos de formularios url programa de proceso.
2. método de
   enviar datos de formulario para establecer una manera de obtener su valor o por correo.
3. Nombre
   especifica el nombre del formulario, para distinguir múltiples formas de la misma página.

Nota: Cada forma debe tener sus propios campos de formulario.