美文网首页
HTML表单

HTML表单

作者: cross_王 | 来源:发表于2017-06-14 01:46 被阅读0次

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

    • from表单可以将表单内的内容提交到服务器。
    • 常用的input标签:
      text 文本框 password 密码框 radio 单选框 checkbox 复选框 select 下拉框 option 下拉选项 file 文件上传 hidden 隐藏组件 submit 提交数据按钮 bottom 普通按钮 reset 重置按钮

    post 和 get 方式的区别?

    1. GET方式是以实体的方式得到由请求URL所指定资源的信息,如果请求URL只是一个数据产生过程,那么最终要在响应实体中返回的是处理过程的结果所指向的资源,而不是处理过程的描述。POST方式用来向目的服务器发出请求,要求它接收被附在请求后的实体,并把它当做请求队列中请求URL所指定资源的附加新子项。
    2. 因为URL的长度限制,GET方式传输的数据大小有所限制,传送的数据量不超过2KB。POST方式传送的数据量比较大,一般被默认为没有限制,但是根据IIS的配置,传输量也是不同的。
    3. GET方式服务器端用Request.QueryString获取变量的值。POST方式在服务器端用Request.Form获取提交的数据。
    4. GET方式传输的参数安全性低,因为传输的数据会显示在请求的URL中。POST方式传输的数据安全性较高,因为数据传输不是明显显示的。
    5. Get是Form的默认方法。

    在input里,name 有什么作用?

    • name 属性规定 input 元素的名称。name 属性用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据。只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。

    radio 如何 分组?

    为同一组的<input type="radio" />标签设置相同的name熟悉和不同的value属性,例如
    <input type="radio" name="sex" value="man">男 <input type="radio" name="sex" value="woman">女

    placeholder 属性有什么作用?

    • placeholder是html5新增的input的一个熟悉,主要是让表单体验更加智能,类似value属性,字体样式和value属性不同,但是他有一个好处就是当我们聚焦输入文本的时候我们在placeholder="默认值"的文本就会自动清空,不过兼容性还不太好,至少ie好像要9以上才能支持

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

    • 隐藏域是网页里面一个特殊的空间,它不在网页中显示出来,用来收集或发送信息的不可见元素,对于网页的访问者来说,隐藏域是看不见的。当表单被提交时,隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。
    • 有些时候我们要给用户一信息,让他在提交表单时提交上来以确定用户身份,如sessionkey,等等.当然这些东西也能用cookie实现,但使用隐藏域就简单的多了.而且不会有浏览器不支持,用户禁用cookie的烦恼。
      有些时候一个form里有多个提交按钮,怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢?我们就可以写一个隐藏域,然后在每一个按钮处加上onclick="document.form.command.value="xx""然后我们接到数据后先检查command的值就会知道用户是按的那个按钮提交上来的。
    • 有时候一个网页中有多个form,我们知道多个form是不能同时提交的,但有时这些form确实相互作用,我们就可以在form中添加隐藏域来使它们联系起来。
    • javascript不支持全局变量,但有时我们必须用全局变量,我们就可以把值先存在隐藏域里,它的值就不会丢失了。
    • 例子 :比如按一个按钮弹出四个小窗口,当点击其中的一个小窗口时其他三个自动关闭.可是IE不支持小窗口相互调用,所以只有在父窗口写个隐藏域,当小窗口看到那个隐藏域的值是close时就自己关掉。

    相关文章

      网友评论

          本文标题:HTML表单

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