HTML 表单的应用

form 表单

表单在我们常见的网站中应用有很多，这也是我们HTML静态布局中，能够在页面完成动态交流的重要一环。我们先来认识一下表单的构成和属性

1.表单的构成

我们在使用表单的时候input是我们作为主体的，通常我们会在from下面放置一个div标签，之后再添加我们的input表单元素，这样不论是布局还是为了美观上的留白都可以帮助我们更快的实现
我们来看下表单的构成 <input type="" name="" value=""> ，我们常用的几个属性我们来展开学习下。

2. typet 表单元素类型

type属性的取值是我们的表单元素的类型，我们常用的有text 文本框， password 密码框，submit 提交按钮(可以将我们的表单内容提交到我们的地址)， rudio 单选框，checkbox 复选框等等，这些我们常用的值，也是我们表单的样式。

3. name 作用域

name是一个关键字，比如我们的单选框在进行使用的时候，需要将不同的选项的name设置为相同的，只有这样，单选框才可以正常的使用。

4.value 表单元素的值

value是表单元素的值，我们在表格中填写信息之后，在提交地址中会有value属性，里面是输入的内容

5.placeholder 提示文本

placeholder 是我们在收集信息是，想要提醒用户在表单中所需要填写的内容，比较好理解。

6.action 提交地址

这个属性是写在from中的 ，用户填写的内容会提交到我们action填写的地址里面。

7. method 提交方式

method 的默认属性是get，get提交时候，会将用户的填写内容直接送到我们的地址，有安全隐患。 我们需要修改为post，这样在提交过程中，用户填写的信息会直接打包发送到我们的地址，比较安全。

8. 思维导图

下面是绘制的思维导图，根据思维导图来记可能会来的快一些