注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

古城风~~~

竹密无妨溪水过,天高不碍白云飞。这天下总有一份是属于我古城的天地!

 
 
 

日志

 
 

form中的属性  

2008-04-11 23:59:00|  分类: java/jsp |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

在这里就简单说说,几个重要的;本文只是粗略地总结,难免有错,有漏;希望你能在此提出宝贵意见!

action属性:例:action=“login.asp”是指将该表单的数据提交到login.asp个页面处理.method=post是指发送数据的方式 ,当在页面表单中输入用户名和密码并点击"登陆"后,浏览器会将你输入在文本框的用户名和密码值传递给login.asp判断;还可以action=“mailto:654506807@qq.com”,将表单内容以电子邮件的方式传送。

name属性:例:name="gucheng",只要是通过为表单命名可以控制表单与后台程序之间的关系。

METHOD属性:它有两种属性,分别是get和post。GET方法是将表单内容附加在URL地址后面,所以对提交信息的长度进行了限制,不可以超过8192个字符。如果信息太长,将被剪去,从而导致意想不到的处理结果。同时GET方法不具有保密性,不适合处理如信用卡卡号等要求保密的内容,而且不能传送非ASCII码的字符。POST方法是将用户在表单中填写的数据包含在表单的主体中,一起传送到服务器上的处理程序中,该方法没有字符的限制,它包含了ISO10646的字符集,是一种邮寄的方式,在浏览器的地址栏不显示提交的信息,这种方法传送的数据是没有限制的。当不指明是那种方式时,默认为GET方式。

enctype属性:用于设置表单信息提交的编码方式。例:enctype=“text/plain”,则以纯文本形式传送信息;

ENCTYPE属性值

属    性    值 描      述
    Text/plin     以纯文本形式传送信息
    Application/x-www-Form-urlencoded     默认的编码形式
    Multipart/Form-data     使用MINE编码

target属性:例:target=“_blank”,如果有信息返回时,将以新开浏览器窗口的形式显示信息。

TARGET属性值

属  性  值 描       述
     _blank     将返回信息显示在新开的浏览器窗口中
     _parent     将返回信息显示在父级浏览器窗口中
     _self     将返回信息显示在当前浏览器窗口中
     _top     将返回信息显示在顶级浏览器窗口中

 

onsubmit属性:

在对一个表单(form)进行客户端检验的时候,我们已经习惯了<form onsubmit=”return check()”>这样的形式,如果表单没有通过验证,在check函数中return false就会阻止表单的提交了。

然而,如果要动态地为一个表单添加验证,即HTML代码中没有写onsubmit,而在页面加载后用javascript给这个form加一个handler,问题就来了。

假设我们已经得到了表单的DOM节点,保存在变量form中,一般这样来给它加上handler:

if (form.addEventListener) {

form.addEventListener(”submit”, check, false);

} else if (form.attachEvent) {

form.attachEvent(”onsubmit”, check);

但是这个check函数现在应该怎么写呢?验证失败时,仅仅写一个”return false;”在Firefox中是不能阻止表单的提交的(在IE中可以),这就是为什么大家在onsubmit属性中要写”return check()”,而不仅仅是”check()”。

请看ECMAScript Language Binding,其中明确地写着,event listener没有返回值。其实一切的根本都因为IE不支持DOM Level 2,大家都习惯了IE的return false,到了Firefox中也只是一个ugly的变通,而很少去注意正确的做法。

下面是一个可以被动态地attach(见上面的代码)的check函数:

function check() {

if (e && e.preventDefault) e.preventDefault();

return false;

}

在IE和Firefox中,它都可以被动态挂载为onsubmit的handler而且正常工作。

 

<FROM>标记内的标记:可以包含4个标记

<FROM>标记内的标记

标      记 描      述
     <INPUT>      表单输入标记
     <SELECT>      菜单和列表标记
     <OPTION>      菜单和列表项目标记
     <TEXTAREA>      文字域标记

如下代码:
01  <FORM>
02  <input>……</input>
03  <textaarea>……</textarea>
04  <select>
05     <option>……</option>
06  </select>
07  </form>

各种表单域基本可以满足网站收集信息的要求。如果要求浏览者输入文字信息,如姓名、留言等,可以使用文本字段。如果要求浏览者在固定的范围内进行选择,可以选择单选按纽或者多选按纽,在实际应用中性别、籍贯、爱好常常采用这种方法。有时还会让浏览者提交文件的要求,可以使用文件域,例如某游戏选拔女主人公原型,要求申请者提交照片等。

  评论这张
 
阅读(557)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017