美文网首页
HTML表单简介

HTML表单简介

作者: 山门龙龙 | 来源:发表于2017-05-24 21:47 被阅读0次

    1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用?

    form表单的作用是将表单内的数据提交到后台。
    常用的input标签属性有:

    • type="text":该标签属性为单行文本框。
    • type="radio":该标签属性为单选框。
    • type="checkbox":该标签属性为多选框。
    • type="button":该标签属性为按钮,但不提交数据
    • type="submmit":该标签属性为提交按钮,点击之后,表单内数据提交到后台。
    • type="password":该标签属性专为密码输入设置,使用该属性后,用户在输入密码的时候,输入的密码讲全部以*号显示,可以防止用户密码泄露,保证用户密码安全。
    • type="reset":重新填写该表单内的数据。
    • type="hidden":隐藏该表单,但可以提交数据,一种用来保护网站安全的手段,如果后台在验证数据的过程中,没有该input的name和value,则视该数据不是本网站提交的数据。
    • name="sex":该标签属性为提交数据的索引。
    • placeholder="请输入您的账号":该标签属性为该input文本框中的默认提示语,不影响该标签内的value,也就是说它的值不会被提交到后台。
    • value="beijing":该标签属性为value,提交表单后,它的值会被提交到后台,name是它的索引。
    • <textarea></textarea>该标签为多行文本输入框。

    2.post 和 get 方式的区别?

    • 从数据的传送数量来看,get只能传送1024个字节,而post理论上可以传送无限的数据。
    • 从功能上来看,get是获取后台数据,而post是提交前端数据。
    • 从安全性上面来考虑,get所获取的数据可以被查看到,它会以url+?+value&value的形式组合成一个新的网址发送到后台,注意这里的value可以不止是两个,也可以是多个,value之间用&符号连接,所以get所发送的数据是可见的,是不安全的。而post不改变url,他将数据放在http请求上,发送至后台,他的数据是不可见得,是私密的,所以它是安全的。

    3.在input里,name 有什么作用?

    name可以用来作为value的索引,如果没有name,那后台将无法获取用户所填写的数据。

    4.radio 如何 分组?

    radio是单选框,如果要将radio分组的话,就使用不同的name,相同的name为一组,且这组当中只能同时选择一个。

    5.placeholder 属性有什么作用?

    placeholder,从它的字面意思可以理解为“空白常驻”,意思就是在未填写文本框时,文本框内还有一个一直存在的提示语句,直到用户填写数据,提示语句消失。并且,用户提交数据时,placeholder中的值不会被提交,因为它不是value。

    6.type=hidden隐藏域有什么作用? 举例说明

    隐藏一个标签,使该标签不出现在页面中,利用这一特性,可以使后台验证提交的数据是否是合法的数据。For example:
    <input type="hidden" name="key" value="abc123">,如果在提交了表单之后,后台没有检测到name=key,value=abc123,那么后台将会认为该提交表单数据非法,通过这一特性,可以提高网站的安全性。

    相关文章

      网友评论

          本文标题:HTML表单简介

          本文链接:https://www.haomeiwen.com/subject/bidnxxtx.html