form表单标签

之前的文章写了表格标签的作用,今天来说一下表单.这里写的是自己的理解,有些会很片面,望见谅!!!

form:表单

作用:用来搜集信息,并将信息提交给后台.

属性:action、method,

action:动作的意思,是表单提交信息必备的属性,

例如:action="";引号里面是写需要提交到的路径.

method:方法的意思,在网页上我们提交信息的时候,如果如果没有特别设置的话,它的默认值是get,是会将信息显示在地址栏上的,这样对我们的信息很不安全.我们可以在form中进行方法的设置让他进行隐藏,用post属性隐藏.下面是图片示例:

`

这里密码是看不到的,但是当点击提交的时候是可以看到用户名以及密码的.下面是图片,

所以在设置方法的时候要设置成post.这样就把用户名和密码隐藏了,相对来说安全性较高一点

form表单里面可以有很多的输入框,每个输入框的属性不同在网页的显示的样式也不相同,下面是详细介绍:

form表单的12个个常见的元素:

1.text文本框(默认值就是输入框)

2.password密码框

3.radio单选(一般用来设置性别的时候使用,但是要有name值,不然你的性别就要是男和女都选择上了)

4.checkbox多选 (可以用来设置爱好之类的)

5.file 文件域   用来上传文件的

6.images图片域   将图片设置成可以点击的按钮

7.submit 提交    用来提交信息的,但是action处一定要有路径

8.reset 重置   重置输入过的内容

9.button 按钮,

10.hidden 隐藏

11.select 下拉列表框  一般用来制作地址时会用

12.textarea文本域  可以用来填写个人的说明可以设置列和行的

下面附上我的一个效果图

在给大家附上一张我的在表单阶段的脑图,