HTML表单和表格

一.表单

---

HTML 表单简介

定义和用法

HTML 常用表单元素

属性

 

1.1 HTML表单简介

HTML 表单是 HTML 文档中的 一个区域

HTML 表单这个区域中包含了一系列的 可交互元素

HTML 表单主要用于 收集用户输入信息

 

1.2 定义和用法

<form> 标签用于为用户输入创建 HTML 表单。

表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。

表单用于向服务器传输数据。

注释：form 元素是块级元素，其前后会产生折行。

 

1.3 常用元素

<input> 元素

最重要的表单元素是 <input> 元素。

<input> 元素根据不同的 type 属性，可以变化为多种形态。

<form>
 First name:<br>
<input type="text" name="firstname">
<br>
 Last name:<br>
<input type="text" name="lastname">
</form> 

输入类型：text

<input type="text"> 定义供文本输入的单行输入字段：

<select> 元素（下拉列表）

<select> 元素定义下拉列表：

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>

<textarea> 元素

<textarea> 元素定义多行输入字段（文本域）：

<td style="text-align: center;">姓名</td>
            <td>
            <form action=""><textarea class="shuru" cols="7" rows="1"></textarea></form>
            </td>

<button> 元素

<button> 元素定义可点击的按钮：

<button type="button" onclick="alert('Hello World!')">Click Me!</button>

xmind整理 

HTML5 表单元素

HTML5 增加了如下表单元素：

• <datalist>
• <keygen>
• <output>

1.4 属性

new : HTML5 中的新属性。

属性	值	描述
accept	MIME_type	HTML 5 中不支持。
accept-charset	charset_list	规定服务器可处理的表单数据字符集。