任务5-from表单

2017-06-13  本文已影响0人  我七

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

标签 含义
text 单行文本输入
password 隐藏文本输入
radio 单选
checkbox 复选框
textarea 大段文字输入
file 上传文件
select 下拉菜单
reset 清空所填信息
name 定义 input 元素的名称
submit 提交按钮
button 按钮

2.post 和 get 方式的区别?

get将所提交的所有信息串到url上,可被缓存,gte请求保留在浏览器历史记录中,可被收藏为书签,有长度限制,只用于取回数据。
post方式提交数据到服务器后,url不变。不会被缓存,不会保留在浏览器历史记录中,不能被收藏为书签,对数据长度没有要求。

(1)get是用来从服务器上获得数据,而post是用来向服务器上传数据
(2)get将表单中数据按照variable=value的形式,添加到action所指向的URL后面,并且两者用“?”连接,而各个变量之间用“&”连 接;post是将表单中的数据放在form的数据体中,按照变量和值相对应的方式,传到action所指向URL
(3)get方式并不安全,因为在传输过程中,数据被放在了请求的URL中,有很多服务器、代理服务器或者用户代理都会将请求URL记录到日志文件中,放在某个地方保存,这样就会被第三方看到。用户也可以直接在浏览器上看到被提交的数据,一些系统内部消息将会一同显示在用户面前。Post的所有操作用户都是看不到的。
(4)get传输的数据量小,因为URL的长度是有限制的;而post可以传输大量数据,所以在上传文件时,只能用post
(5)get限制form表单的数据值必须为ASCII字符;而post支持整个ISO10646字符集。

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

有了name,input所写的数据才会传输到服务器,服务器从而给出反馈,或者在客户端通过 JavaScript 引用表单数据。

4.radio 如何 分组?

name名称相同的为一组。

5.placeholder 属性有什么作用?

在用户输入信息之前,输入字段中将显示短提示,输入时消失。
如下图所示:


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

(1)隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。
​ (2)有些时候我们要给用户一信息,让他在提交表单时提交上来以确定用户身份,但使用隐藏域快捷简单,而且不会有浏览器不支持,用户禁用cookie的情况发生。
(3)有些时候一个form里有多个提交按钮,怎样使程序能够分清楚到底用户是按哪一个按钮提交上来的呢?我们就可以写一个隐藏域,然后在每一个按钮处加上onclick="document.form.command.value="xx""然后我们接到数据后先检查command的值就会知道用户是按的那个按钮提交上来的。
(4)有时候一个网页中有多个form,我们知道多个form是不能同时提交的,但有时这些form确实相互作用,我们就可以在form中添加隐藏域来使它们联系起来。
(5)javascript不支持全局变量,但有时我们必须用全局变量,我们就可以把值先存在隐藏域里,它的值就不会丢失。
举例:
<input type="hidden" name="coun" value="<%=cc%>">这里的隐藏域名为coun,值为<%=cc%>,假设前面cc=100的 话,即值为100;
提交表单<form action=bb.cc>到bb.asp。
在bb.asp页中,使用request.write request.form("coun"),则在页面中显示的值就是100。

7.HTML 表单的用法:

http://www.jianshu.com/p/f78128366b82

8.表单制作:

http://js.jirengu.com/juzidoputi/1/edit?html,output

上一篇下一篇

猜你喜欢

热点阅读