美文网首页
前端基础

前端基础

作者: 魏彤2017 | 来源:发表于2017-02-14 15:40 被阅读0次

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

      A1-1: form表单用于将用户输入的各类型信息传送到服务器

       A1-2:常用的input标签及其作用

Q2:post 和 get 方式的区别?

     A2:

1、Get是用来从服务器上获得数据,而Post是用来向服务器上传递数据。

2、Get将表单中数据的按照variable=value的形式,添加到action所指向的URL后面,并且两者使用“?”连接,而各个变量之间使用“&”连接;Post是将表单中的数据放在form的数据体中,按照变量和值相对应的方式,传递到action所指向URL。

3、Get是不安全的,因为在传输过程,数据被放在请求的URL中,而如今现有的很多服务器、代理服务器或者用户代理都会将请求URL记录到日志文件中,然后放在某个地方,这样就可能会有一些隐私的信息被第三方看到。另外,用户也可以在浏览器上直接看到提交的数据,一些系统内部消息将会一同显示在用户面前。Post的所有操作对用户来说都是不可见的。

4、Get传输的数据量小,这主要是因为受URL长度限制;而Post可以传输大量的数据,所以在上传文件只能使用Post(当然还有一个原因,将在后面的提到)。

Q3:在input里,name 有什么作用?

     A3:name 属性规定 input 元素的名称。

name 属性用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据。

注释:只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。

Q4:radio 如何 分组?

      A4:通过“name”对radio进行分组,相同的“name”分为同一组

Q5:placeholder 属性有什么作用?

      A5:placeholder 属性提供可描述输入字段预期值的提示信息(hint)。

该提示会在输入字段为空时显示,并会在字段获得焦点时消失。

注释:placeholder 属性适用于以下的 input 类型:text, search, url, telephone, email 以及 password。

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

      A6:作用:1  隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。

            2 有些时候我们要给用户一信息,让他在提交表单时提交上来以确定用户身份,如                             sessionkey,等等.当然这些东西也能用cookie实现,但使用隐藏域就简单的多了.而且不            会有浏览器不支持,用户禁用cookie的烦恼。

            3 有些时候一个form里有多个提交按钮,怎样使程序能够分清楚到底用户是按那一个按钮提             交上来的呢?我们就可以写一个隐藏域,然后在每一个按钮处加上                                                       onclick="document.form.command.value="xx""然后我们接到数据后先检查command的值就               会知道用户是按的那个按钮提交上来的。

             4 有时候一个网页中有多个form,我们知道多个form是不能同时提交的,但有时这些form确              实相互作用,我们就可以在form中添加隐藏域来使它们联系起来。

             5 javascript不支持全局变量,但有时我们必须用全局变量,我们就可以把值先存在隐藏域               里,它的值就不会丢失了。

             6 比如按一个按钮弹出四个小窗口,当点击其中的一个小窗口时其他三个自动关闭.可是IE              不支持小窗口相互调用,所以只有在父窗口写个隐藏域,当小窗口看到那个隐藏域的值是                 close时就自己关掉。

相关文章

  • 前端基础进阶系列

    前端基础进阶(一):内存空间详细图解前端基础进阶(二):执行上下文详细图解前端基础进阶(三):变量对象详解前端基础...

  • 前端入门系列

    前端HTML & CSS 基础入门(1)初识 前端HTML & CSS 基础入门(2)段落及文本 前端HTML &...

  • 二、flask开发基础与入门

    一、web开发基础 1、前端知识 前端开发基础: HTML CSS JavaScript 前端常用的库与框架: b...

  • 【350页】前端校招面试题及解析大全

    前言 前端校招面试题主要内容包括html,css,前端基础,前端核心,前端进阶,移动端开发,计算机基础,算法与数据...

  • web前端入门基础

    web前端基础笔记 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了...

  • HTML基础学习笔记

    原 Blog 链接:HTML基础学习笔记 自学 html 基础笔记 Web 前端简单介绍 web 前端包含: pc...

  • 学习Vue框架之前,要有JavaScript的知识储备

    前端三剑客知识储备(有关前端的专题) ☑ HTML基础知识 ☑ CSS基础知识 ☑ JavaScript5基础知识...

  • 无标题文章

    #Web前端 - web前端是什么 - 定义 - 职责 - web前端基础知识和学习路线 - web前端学习的...

  • Web前端

    Web前端 web前端是什么- 定义 职责 web前端基础知识和学习路线 web前端学习的资源 1.Web前端是...

  • 学习前端需要掌握什么基础?

    学习前端需要掌握什么基础?前端基础包含HTML、CSS层叠样式表、JavaScript、HTML5、CSS3、jQ...

网友评论

      本文标题:前端基础

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