HTML（6）表单

1.了解表单

功能：表单用于搜集不同类型的用户输入。

早期的网站形式：

当下的网站形式：

有了表单，网站的内容可以有用户进行创建、然后让其它用户来浏览。

作为用户，我们既是内容的创建者， 也是内容的消费者。

2.常见表单元素

<form> 表单

<input> 输入框

<select>和<option> 下拉列表

<textarea></textarea> 文本域

(1).form元素

功能：创建一个表单。

使用： <form></form>

重要属性：

action：表示当前 表单需要提交给哪个页面来处理

method：表示表单提交的方式，有get和post之分，默认是get。

Get方式：

Post方式：

相对而言，post方式更加安全，并且能够提交更多的内容。

(2).input

表示输入框，有多种形式，如下：

一些细节：

对于input而言，type的默认值是text，表示单行文本。

对于input（实际上是每一个表单元素），最好是添加一个name属性，作用是用于将用户填写的内容添加给要处理的页面。

每一个input标签都有一个value属性，不同的类型，value的作用稍有不同。

关于单行文本的宽度，可以使用size来设置，表示字符的长度，实际上后面都会使用css来实现的。

对于radio，一个radio状态的改变是需要依赖另外一个。

------------------------------------------------------------------------------------------------------------------------------------------------

(3).select和option

作用：用来实现下拉列表

格式：

<select>

<option>...</option>

</select>

我们可以使用selected属性让某个option处于默认的选中项，如下：

一定要注意：和radio/checkbox 区分开来。

---------------------------------------------------------------------------------------------------------------------------

(4).textarea

作用：提供输入大量文本的输入框

格式：

<textarea></textarea>

使用如下：