手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆
浏览模式: 标准 | 列表2024年11月的文章

表单提交按钮input和button的取舍

这篇文章我一直在纠结,是否要摘录过来,但我还是最终决定放上来了。
其实大家都知道,在网页中,可见的按钮有三种,一种是input,一种是button,最后一种,其实也不能管是按钮,它是由img转化而来的。最最常用的还是input和button,在以前的日子里,大家都习惯于用input,因为他直接拥有type=submit,而button没有,它更适合于表达button。
然而。。。

XML/HTML代码
  1. 首先,在IE6里,如果一个表单里有多个button形式的提交按钮,那么不管你点击其中哪个按钮,所有的button按钮都会被提交,而在IE7,8里则点击哪个按钮,才提交哪个button按钮。此时,如果想在服务端判断用户点击了哪个按钮,只能使用Javascript来处理。  

这点,在不同浏览器对回车提交表单的处理办法已经提过,但老王说的这个是变量的传递,以及在指定name的时候,POST变量的值的变化。不废话看原文:
最近写代码,处理很多表单,里面的Submit按钮有两种形式,分别是input和button,有点区别,做个试验:

先创建一个php文件demo.php, 用来接收表单数据:

<?php
var_dump($_POST);
?>

再创建一个html文件demo.html, 用来显示表单:

<form method="post" action="demo.php">
<input type="submit" name="foo" value="提交">
<input type="submit" name="bar" value="保存">
</form>

<form method="post" action="demo.php">
<button type="submit" name="foo" value="foo_value">提交</button>
<button type="submit" name="bar" value="bar_value">保存</button>
</form>

使用Firefox依次浏览,就能看到input和button的区别:input提交按钮显示的文字就是value,而button提交按钮显示的文字 和value是独立的,从这个意义上来看,button更有表现力,是更值得推荐的提交按钮实现方式。

可惜IE总是拖后腿,使用IETester里的 IE6,7,8分别浏览,就会发现button提交按钮在IE下有Bug:

首先,在IE6里,如果一个表单里有多个button形式的提交按钮,那么不管你点击其中哪个按钮,所有的button按钮都会被提交,而在IE7,8里 则点击哪个按钮,才提交哪个button按钮。此时,如果想在服务端判断用户点击了哪个按钮,只能使用Javascript来 处理。

另外,在IE6,7,8里,button形式的按钮在提交后,value属性都失效了,显示文字取代了value。

总结:从理论上来看,button形式的提交按钮优于input形式的提交按钮。但如果考虑浏览器通用性,很多时候还是只能使用input形式的提交按 钮。

参考:http://www.w3.org/TR/html401/interact/forms.html
老王的文章在:表 单提交按钮input和button的取舍

Tags: form, input, button

ySlow的计算公式

来自于hello,JavaScript的收藏,我也小小的收藏一下:

http://www.beiju123.cn/blog/?p=513
  1. F = 8×{100-[4×(JS文件数-3)+4×(CSS文件数-2)+3×(CSS背景图连接数-6) ] }  
  2.     +6×(100-10×未使用CDN的连接个数)  
  3.     +10×[100-11×(Expire时间小于172800秒的连接个数) ]  
  4.     +8×[100-11×(文件大小大于500字节且 未使用gzip的连接个数)]  
  5.     +4×[body中没有CSS连接 ? 100∶ (99-10×body中的CSS连接数) ]  
  6.     +4×(100-5×head中的JavaScript连接数)  
  7.     +3×[不存在CSS表达式 ?100: (90-2×CSS表达式数目) ]  
  8.     +3×[100-5×(域名数-4)]  
  9.     +4×(100-10×未精简的CSS与JS个数)  
  10.     +4×(100-10×Redirect个数)  
  11.     +4×[100-5×(重复的JavaScript个数+重复的CSS个数) ]  
  12.     +2×(100-11×未使用Etag的连接个数)  
  13.     +4×(100-5×未缓存或者缓存时间不足3600秒的AJAX请求个数)  
  14.     +3×(100-5×请求方式不是GET的AJAX个数)  
  15.     +3×{DOM元素数量<MaxDOM ?100∶ [99-10×⌈((DOM元素数量-900))/250⌉ ] }  
  16.     +4×(100-5×状态为404的连接个数)  
  17.     +3×[cookie大小不超过1000字节 ?100∶ (99-10×⌊页面cookie的大小/1000⌋ ) ]  
  18.     +3×(100-5×不满足cookie free要求的链接个数)  
  19.     +4×[100-(2×使用hack的filter个数+5×未使用hack的filter个数) ]  
  20.     +3×(100-5×在HTML代码中设定width和height的图片数)  
  21.     +2×[100-(favicon不可缓存或缓存时间小于3600秒 ? 5∶0)-(favicon大小超过2000字节? 5∶0)]  
  22.   
  23. Score = F / 89 

 

Tags: yslow

jQuery Alert and YmPrompt

不知道从什么时候起,网页上那烦人的alert,prompt,confirm框都成了很多人讨厌的对象,因为他的样式太丑了。ExtJS中的alert就是适合他自己的样式的弹出,可是其他不是框架的代码中要有漂亮的对话框怎么办?
jQuery Alert 是jQuery的官方插件,Ymprompt是国内开发人员写的,其于jQuery的一个插件,当然是各有所长。

jQuery Alert相对比较简单一点,用法也简单,而Ymprompt就复杂的多了。

这是关于jQuery Alert的介绍:

http://www.cnblogs.com/whitewolf/archive/2010/05/09/1731120.html,介绍请移步左边的链接
  1. 这个Jquery插件的目的是替代JavaScript的标准函数alert(),confirm(),和 prompt()。这个插件有如下这些特点:  
  2.   
  3.   1:这个插件可以使你可以支持你自己的css制定。使你的网站看起来更专业。   
  4.   2:允许你自定义对话框的标题。   
  5.   3:在IE7中,可以使你避免使用JavaScript 的prompt()函数带来的页面重新加载。   
  6.   4:这些方法都模拟了Windows的模式对话框。在你改变改变浏览器窗口大小时候,它能够自适应用户窗口的调整。   
  7.   5:如果你引入了jQuery UI Draggable plugin插件,那这个插件也可以被自由拖动。  

而Ymprompt在这里有一个简单的介绍:http://www.ajaxbbs.net/test/ymPrompt4.0/demo.html,写的很多,但都是document,并非介绍,所以我就不贴了。

jQuery Alert在官方有的下载,我也就不提供啦。可以尝试一下。

在ThinkSNS中,用的是ymprompt,所以我才看了一下这玩意,但并非能够完全满足我的需求,如果仅仅使用简单的alert、prompt、confirm之类的,应该是够用了。

Tags: jquery, jqueryui, alert, ymprompt

dropbox ?该不该用?

最近一直在纠结,我该用什么样的知识管理,好象现在都流行什么PKM之类的,但说白了,其实dropbox并不能算是PKM软件,可是我还是把它拿出来说了一下。

wizknowledge 是去年刚出来的软件,作者是写cyberarticle的,我个人以前也算是比较喜欢cyberarticle,只是为了让我在家里同步我的一些数据,我却不得不把我服务器上的远程开了一个远程共享。可是这样太危险了,所以我有放弃的欲望。

而wiz knowledge却让我有这个想法重新启用。因为是可以把资料存到服务器上,可惜容量有限制。

dropbox,是ifotos.net的站长推荐给我的,说是现在流行的人都在用这个,说我如果不用就out了。于是我就想着要试一下,感觉还行,而且听说最近还开放了Dropbox 推出云存储 API,当然我没有试用过,不过我觉得可以尝试一下,因为dropbox感觉不错。

而且dropbox还有一个最重要的东西,就是好象听说它有版本管理,所以我觉得好象也可以做PKM。反正尝试一下喽,死不了。2G空间感觉还能够让我做很多事情吧。

其实我觉得我需要一个这样的软件:

1、带有版本管理,但不是SVN,也不是GIT,我当然知道这两种软件,也很方便,可是我需要版本管理,就象wps的文件管理,现在支持版本了,可是我对于我要上传的东西,不止是文档。

2、我需要的是FTP而不是其他远程的资料管理。比如开放数据库的远程管理啥的?以前的xmarks听说可以,可是我没有使用,后来就换成mozilla weave来管理我的书签了。对于文档,我也想要类似的功能。

3、所以我在想看看dropbox的API能不能实现我的想法?2G空间有点小,可是还能够做很多事情。要知道amazon的云服务也能有类似的功能,但是太贵了。

关于wiz与dropbox的整合,可以看这里:http://hi.baidu.com/talentsgod/blog/item/9b715cc62a2ec8a28226ac86.html,但同时wiz论坛的admin说了:

XML/HTML代码
  1. 现在文挡数量没有限制,200只是一个显示。可以放心使用。  
  2.   
  3. 利用dropbox同步,有几个需要注意的地方:  
  4.   
  5. 1:在一台电脑修改后,要让dropbox完全同步到服务器后再关机  
  6. 2:在另外一台电脑上面开机后,不要自动运行便笺程序,而是需要在dropbox将服务器的内容同步到本地后再运行Wiz各个程序。否则可能会引起索引数据不一致,导致索引出问题。 

Tags: dropbox, wizknow, cyberarticle

街霸同人电影

青少年的时候其实是很无趣的,当周围的人不再和你玩泥巴、玩玩具后,你会发现少了很多乐趣。大约在89年左右,开始有街机的出现,于是乎就迷上了那玩意,这在我以前的勃客里也有所介绍。
没介绍的是,那时候喜欢看SF的动画片,有很多版本,不过都只是动画片而己,唯一一部真人版是95年尚格云顿演的街霸,这部片子反响很差。再后来就是香港的超级学校霸王了。然后很多关于ZERO的动画片开始出来,很是吸引了我。
想不到过了将近20年,居然还有人会拍同人电影,真意外啊。虽然只有短短的几分钟。感谢cnbeta让我们有了回顾的机会 。
--start--

昨天已经为大家介绍过一部街霸同人电影短片了,今天再为大家介绍一部。这部作品名为《Street Fighter Legacy》,是由Streetlight Films出品,Joey·Ansah和Owen·Trevor(知名汽车节目Top Gear的导演)共同指导的作品。如此频繁的游戏迷的翻拍,可见之前那些正式的作品有多糟糕。

 Joey·Ansah因为对许多改编作品深表不满,因此在一年前就开始为这部作品开始筹备,为此他还向Capcom写信寻求帮助,并得到了Capcom的许可和祝福。最终他也将这段视频展示给所有的街霸迷,以表达自己的对于这款格斗游戏的热爱。

 

1080P下载http://www.verycd.com/topics/2820177/

导演Joey Ansah官网:http://www.joeyansah.com/
文章来源http://www.hexieshe.com

本文不含 flash,想看视频请移步:http://www.cnbeta.com/articles/110515.htm,上述verycd是下载的高清片段。说实话,这部文中所指的另一部要好看一点,不过想想那一部只有400刀的预算,也是很能理解的。。

Tags: 街霸, 游戏