之前的文章写了表格标签的作用,今天来说一下表单.这里写的是自己的理解,有些会很片面,望见谅!!!
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文本域 可以用来填写个人的说明可以设置列和行的
下面附上我的一个效果图
在给大家附上一张我的在表单阶段的脑图,