Task 5

作者: DHFE | 来源:发表于2017-09-26 16:20 被阅读20次

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

表示了文档中的一个区域,这个区域包含有交互控制元件,用来向web服务器提交信息。
其包含了input元素,比如文本字段,复选框,单选框,提交按钮等。
表单还可以包含menus,textarea,fieldset,legend,label元素。

属于:块级元素

input

button:按纽
checkbox:复选框。必须使用value属性定义此控件被提交时的值。使用 checked 属性指示控件是否被选择。也可以使用 indeterminate 指示复选框在一种不确定状态(大多数平台上,显示为一条穿过复选框的水平线)。
date:HTML5用于输入日期的控件(年,月,日,不包括时间)。
text:文本框
image:图片提交按钮,必须使用 src 属性定义图片的来源及使用 alt 定义替代文本。还可以使用 height 和 width 属性以像素为单位定义图片的大小。
number:用于输入浮点数控件。
radio:单选按钮

更多可见:
MDN——input
W3C——input


post 和 get 方式的区别?

1.区别
GET请求,请求的数据会附加在URL之后,以?分割URL和传输数据,多个参数用&连接。URL的编码格式采用的是ASCII编码,而不是uniclde,即是说所有的非ASCII字符都要编码之后再传输。
POST请求:POST请求会把请求的数据放置在HTTP请求包的包体中。上面的item=bandsaw就是实际的传输数据。
GET请求的数据会暴露在地址栏中,而POST请求则不会。

2、传输数据的大小

在HTTP规范中,没有对URL的长度和传输的数据大小进行限制。但是在实际开发过程中,对于GET,特定的浏览器和服务器对URL的长度有限制。因此,在使用GET请求时,传输数据会受到URL长度的限制。

对于POST,由于不是URL传值,理论上是不会受限制的,但是实际上各个服务器会规定对POST提交数据大小进行限制,Apache、IIS都有各自的配置。

3、安全性

POST的安全性比GET的高。这里的安全是指真正的安全,而不同于上面GET提到的安全方法中的安全,上面提到的安全仅仅是不修改服务器的数据。比如,在进行登录操作,通过GET请求,用户名和密码都会暴露再URL上,因为登录页面有可能被浏览器缓存以及其他人查看浏览器的历史记录的原因,此时的用户名和密码就很容易被他人拿到了。

HTTP请求中POST和GET的区别
浅谈HTTP中FGet与Post的区别


在input里,name 有什么作用?

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

ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的。

  • 作为可与服务器交互数据的HTML元素的服务器端的标示,比如input、select、textarea、和button等。我们可以在服务器端根据其Name通过Request.Params取得元素提交的值。
  • HTML元素Input type='radio'分组,我们知道radio button控件在同一个分组类,check操作是mutex的,同一时间只能选中一个radio,这个分组就是根据相同的Name属性来实现的。
  • 建立页面中的锚点,我们知道<a href="URL">link</a>是获得一个页面超级链接,如果不用href属性,而改用Name,如:<a name="PageBottom"></a>,我们就获得了一个页面锚点。
  • 作为对象的Identity,如Applet、Object、Embed等元素。比如在Applet对象实例中,我们将使用其Name来引用该对象。
  • 在IMG元素和MAP元素之间关联的时候,如果要定义IMG的热点区域,需要使用其属性usemap,使usemap="#name"(被关联的MAP元素的Name)。
  • 某些特定元素的属性,如attribute,meta和param。例如为Object定义参数<PARAM NAME = "appletParameter" VALUE = "value">或Meta中<META NAME = "Author" CONTENT = "Dave Raggett">。

表单中input属性name和id有什么区别?用途是什么?
表单中input name属性有无[]的区别
HTML中属性ID和属性NAME有何区别?


radio 如何 分组?


placeholder属性有什么作用?

placeholder 属性规定可描述输入字段预期值的简短的提示信息(比如:一个样本值或者预期格式的短描述)。
该提示会在用户输入值之前显示在输入字段中。
注意:placeholder 属性适用于下面的 input 类型:text、search、url、tel、email 和 password。

value与placeholder

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

W3C——HTML DOM Hidden对象
隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用
(隐藏只是在网页页面上面不显示输入框,但是虽然隐藏了,还是具有form传值功能。
一般用来传值,而不必让用户看到。)
语法:<input type="hidden" name="name" value="value">

  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 中表单元素input type="hidden"的作用


相关文章

  • Operation的addDependency操作

    我们有7个任务task1, task2, task3, task4, task5, task6, task7并发执...

  • 前端学习十一

    task11_1task11_2task11_3task11_4task11_5 你在学习中遇到什么问题? tas...

  • 数据挖掘竞赛入门之二手车交易价格预测

    Task2-EDATask3-特征工程Task4-模型调参Task5-模型融合

  • Task 5

    form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 表示了文档中的一个区域,这个区域包含有交互...

  • task 5

    form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 搜集不同类型用户的输入内容,负责数据采集,...

  • task 5

    样式有几种引入方式? link 和 @import有什么区别? 外部样式表 内部样式表 内联样式表 link和@i...

  • Task 5

    1. 类和对象 在python中,所有数据类型都可以视为对象。在面向对象的编程中,最重要的概念就是类(Clas...

  • wednesday 28 december 2016

    Task1: deep learnng 5p(1.5h) Task2: doc2vec code Task3: s...

  • 强化口语0104

    TASK 5 STRUCTURE problems: assignment emergency sch...

  • task5

    1. form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 表单的作用是搜集用户的输入,向服务器...

网友评论

      本文标题:Task 5

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