lesson13

第13课 html使用表单

---

表单的使用的数据处理。 以前我们看到的网页都是单向的数据浏览功能。如果要使用搜索功能，登录，和发表评论，那就需要向服务器发送表单。 表单是html中固定区域里的客户输入数据，并打包发送给服务器网页处理的代码。 服务器一般采用 php asp cgi等程序处理数据 本节用的标签：

1. <form>定义供用户输入的表单
2. <input>定义输入域
3. <textarea>定义文本域 （一个多行的输入控件）
4. <label>定义一个控制的标签
5. <fieldset>定义域
6. <legend>定义域的标题
7. <select>定义一个选择列表
8. <optgroup>定义选项组
9. <option>定义下拉列表中的选项
10. <button>定义一个按钮
11. <datalist>（#）指定一个预先定义的输入控件选项列表
12. <keygen>（#）定义了表单的密钥对生成器字段
13. <output>（#）定义一个计算结果

1创建简单的表单：

表单容器是用form标签来定义的。 form内的输入元素就是数据。 <form name="form1" method="post" action="form1.php"> <input name="name" type="text" size="20"/> <input type="submit" name="按钮名称" value="提交名字" /> </form> Action 属性 action 属性定义在提交表单时执行的动作。是服务器做出的处理程序 一般指向一个php文件或asp文件 表单容器是用form标签来定义的。 form内的输入元素就是数据。 <form name="form1" method="post" action="form1.php" accept-charset="UTF-8" > <input name="name" type="text" size="20"/> <input type="submit" name="按钮名称" value="提交名字" /> </form> method 属性规定在提交表单时所用的 HTTP 方法（GET 或 POST）， Get处理少量数据，不加密，在地址栏可见。post 加密，大量数据 表单容器是用form标签来定义的。 form内的输入元素就是数据。

2创建处理程序：

接收的数据这里用php程序处理。新建表php文件，插入代码： <?php $something = $_POST['name']; print "Thanks for saying: $something"; ?> form发送的方式是post所以用$_POST['name']，来接收，方括号里的是元素名称，发到服务器的数据是按元素名称打包的; 新建个变量，把接收的数据存储，然后再用print 输出一下。

3 input元素的类型：

input 标签作为form的元素有以下类型 Button ，checkbox，file，hidden image，password，radio，reset submit，text

4 文本域元素：

input 标签作为form的元素有以下类型 Button ，checkbox，file，hidden image，password，radio，reset submit，text

5 元素标签：

input 标签作为form的元素有以下类型 Button ，checkbox，file，hidden image，password，radio，reset submit，text

6 元素分组：

input 标签作为form的元素有以下类型 Button ，checkbox，file，hidden image，password，radio，reset submit，text

7 列表元素：

input 标签作为form的元素有以下类型 Button ，checkbox，file，hidden image，password，radio，reset submit，text

8 按钮元素：

input 标签作为form的元素有以下类型 Button ，checkbox，file，hidden image，password，radio，reset submit，text