form表单

学习的确会让人感觉到充实。

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:

    1. 常常用于获取数据,而不用于传输数据。
    2. 传递的信息将以?+action中的url+form中的value及对应的字段,以明文的方式传递。
    3. 安全性差。
    4. 受url的字节限制,且编码只能用url。
    5. 会主动请求浏览器缓存。
    6. 回退浏览器时无害。
  • post:

    1. 用于传递数据。
    2. post则将信息放在html的HEADER中去传递,用户看不到这个过程。
    3. 安全性高一些。
    4. 理论上不受字节限制,支持多种编码方式。
    5. 不会请求缓存。
    6. 浏览器回退时,会再次请求。

参考连接: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中隐藏域的作用介绍及使用示例

你可能感兴趣的:(form表单)