学习HTML表单的一天

四HTML表单

1.简介：表单是网页中提供的一种交互式手段操作，用于搜集不同类型的用户输入。

创建表单：标签用来创建表单，常见格式：

name：表单名字
method：表单结果从浏览器传送到服务器的方式。默认参数为get。post安全性更高，常用于传输密码等，而get安全性较低，一般用于查询数据。
action：发送数据要去对的地址。

1.插入表单对象
（表单由许多不同元素构成，这些元素包括文字字段、单选按钮、复选框、按钮等）
①文字字段(text)：用户可以在文字字段内输入字符或单行文本，语法：
例如：（因为年龄文本最长字符数为三，超过三位数就不能再输入了）

②密码输入框（password）：个数行为和文字字段相同的一种特殊文字字段，但把密码输进密码输入框会变成“*”表示，让周围人看不见输入的文本。

③单选按钮(radio)：可以让用户从选择列表中选择一个选项。

只需要把它们的name改成相同的，几个单选按钮可以连接到一起。同一组中只有一个按钮可以被选，如果一个都未选，那么整个单元按钮池就被认为处于未知状态，且不会随表单提交。Checked表示为默认选中状态。

④复选框(checkbox)：可让用户从一个选项列表中选择超过一个的选项。

复选框可以有自己的名字，不需要一个组。

以下三种按钮可使用或来创建一个按钮。type属性的值指定显示什么按钮。

⑤提交按钮(submit)：用于发送表单数据给服务器
⑥重置按钮(reset)：用来清除用户再页面中输入的信息
⑦匿名按钮(button)


1.菜单和列表：主要用来选择给定答案中的一种
①下拉菜单：能节省页面空间，正常状态下显示一个选项，单击展开所有选项。


注：下拉菜单的宽度是由标记中包含的最长文本的宽度决定的

②列表项：在页面中可以显示出几条信息，一旦超过这个信息量，在列表右侧会出现滚动条，拖动滚动条可以看到所有选项。

列表项和下拉列表相比，就多了一个multiple
Size=“2”表示一次显示两条数据

③文本域(textarea)：想填入多行文本时，应使用文本域，而不是文本字段。文本域用标记。

Cols代表列数， rows代表行数。

5.挑战：表单综合案例

源码：