学习的确会让人感觉到充实。
1.form表单有什么作用?有哪些常见的input标签,分别有什么作用?
-
form表单的作用
主要是用来收集用户信息的一种html复杂标签。他是一层外壳,用户信息就可以批量上传到网站后方。
常用的input标签有哪些?
input主要是用户输入信息的标签,可以用type=" "设置类别。
- text 文本输入框,
- password 密码输入框,默认输入的字符是不可见的小圆点。
- radio 单选框,一个类别里面name应该设置为一样的, value是代表传递的值。
- checkbox 多选,用户可以选择多个选项,同类也应该试着一样的name。
- file 用户可以上传文件, accpt属性可以设置为接受的是什么类别的文件。
- button 按钮,用户可以点击,本身没有任何作用,但是可以设置onClick=" "点击之后发生对应的事件。
- submit 提交,用户点击以后,所有表单信息都可以传递给后台。
- reset 重置,用户点击以后,所有表单信息重置为初始状态。
- hidden隐藏,也会提交给服务器。但是用户不可见。作用:
- 暂存信息。
- 安全自测,如果input设置为hidden没有被传递,或者说与设置的value不符,则可能是伪造的请求。
form表单中其他元素
- 文本域,可以输入字符,rows 控制行,cols控制列。
- 选项,默认为单选,设置multiple="multiple"可以多选
- 可以选择的项目,如果多一条 selected,则为默认选项。
- 对下面的表单域进行说明。加入for='id'则可以与表单域关联,关联时可以嵌套,也可以放在input外面。
2.get和post的区别。
get和post同为form传递信息的method。form中默认为get。不同点如下:
-
get:
- 常常用于获取数据,而不用于传输数据。
- 传递的信息将以?+action中的url+form中的value及对应的字段,以明文的方式传递。
- 安全性差。
- 受url的字节限制,且编码只能用url。
- 会主动请求浏览器缓存。
- 回退浏览器时无害。
-
post:
- 用于传递数据。
- post则将信息放在html的HEADER中去传递,用户看不到这个过程。
- 安全性高一些。
- 理论上不受字节限制,支持多种编码方式。
- 不会请求缓存。
- 浏览器回退时,会再次请求。
参考连接:https://zhidao.baidu.com/question/87535798.html
99%都理解错了get和post
听说99%都理解错了get和post?
3.input中name的作用?
name是控件的名字,会以name:value的形式传递给后台,如果不设置name,不能正常给后台提交value。
同一个表单中,name如果命名相同,则代表同一组数据。
type="radio"中,name相同,为一组数据,只能单选,name不同,则都可以选中。
注意:label标签for="id名字"而不是name名字,如果for="name"则无法关联。这里就可以挖个坑,等待后续学习中,真正理解name和id的区别。
4.radio如何分组?
以name分组。
5.placeholder
placehoder占位符,提示用户输入。是input的一个新属性。
6.type=hidden隐藏域有什么作用?举例说明。
隐藏域的作用
- 暂存信息
- 有些时候一个form里有多个提交按钮,怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢?我们就可以写一个隐藏域,然后在每一个按钮处加上onclick="document.form.command.value="xx""然后我们接到数据后先检查command的值就会知道用户是按的那个按钮提交上来的。
- 防止csrf攻击的一种方法
使用隐藏域传递比较值来确定是不是伪造的请求。
参考:html中隐藏域的作用介绍及使用示例