[p]细心、注意发现的人都会注意，有不少网站为了提高表单的输入效率，让input输入框在输入时变为立体的，这样看的更清楚，也就是当鼠标点击输入框后会激活js函数，调用对应的css代码，仔细看一下代码就明白了。[/p][code]立体输入框-www.codefans.net[/code]

一款仿淘宝支付宝网站的用户注册表单效果，无刷新检测用户名、密码，还有一个钩选用户注册协议的选项，用户必须点击用户注册协议的复选框之后才能点击提交，用到了几个gif小图，请自行下载。[code]仿支付宝注册表单效果-www.codefans.netbodydivinput.txtarealabel.reg.divstyl...

[p]当你的表单没有输入完成的时候，提交按钮是灰色的，不能提交，你必须按要求输入必填的项，此时提交按钮才能恢复使用，虽然我们可以用js判断表单的完整性，但各有各的用法和思路，因此这样做也未尝不可。[/p][code]输入完成才能提交[br][br]functioncheck()[br][br][br][br][br][...

[p]javascript判断上传图片的格式，并按比例预览图片，比较实用的一个javascript应用，在ie8下测试也兼容，代码简洁，复制到你的网页就可以用了。[/p][code]上传图片前判断格式并预览functionyulan()else}[/code]

[p]左右两个select列表框交换数据的js代码，上下左右都可以移动数据，还可以置顶、沉底，相信大家见到过，但觉得挺实用，与大家分享。[/p][code]select列表框交换数据centerselect可选择排序方式已选择排序方式aspphpasp.netjspvbdelphiajaxjquery>=moveopt...

下拉框的数据来回交换，记得最早是在人才网站选择职位时候发现的这种功能，本款是模仿的，功能有点不一样，只提供一种思路，希望对你有帮助。[code]列表数据交换functioncopyToList(from,to)varsel=false;for(i=0;i长沙天津南京武汉郑州--> 选择地区[/code]

select列表各项上移和下移的js代码，可以手功排序，以前我们都见到过的，从事web编程的朋友经常会用得到。[br][code]Select列表各项上移和下移functionmove(index,to)for(i=total;i>=0;i--)else}list.focus();}functionsubmitForm...

在注册表单填写资料的时候，特别是在人才招聘网站，会让我们选择职位或想去的工作目的地，会让我们在select下拉列表框中进行所列项目的多癣移除，左右两个下拉列表交换内容，需由javascript完成，请运行一下看效果。[code]Select下拉列表框进行多选、移除、交换内容请选择：江苏省广东省河南省吉林省浙江省>ali...

[p]表单提交后按钮变灰色的功能实现方法，可有效防止重复提交表单，如果提交动作没有完成，则一直呈灰色状态等待确认。代码的实现也是超简单的，此方法也是实用的，希望收藏一下。[/p][code][br][br][br]表单提交后按钮变灰代码[br][br][br][br][br]functionmy_submit()[br...

[p]现在不是流行文本框的下拉提示吗？像google搜索、百度搜索都有这功能，在输入框输入东西的时候它会自动出现匹配内容，给用户提供了方便，但是有些时候，比如考试系统，出现这样的提示那就不太好了，那么如何才能禁止掉它呢？其实方法很简单，就是使用文本框的autocomplete属性，将其设置为off，也就是关闭的意思，那...

[p]setx=server.createobject(msxml2.xmlhttp)[br]x.openget,[url=http://www.baidu.com/img/baidu_logo.gif,false]http://www.baidu.com/img/baidu_logo.gif,false[/url][...

[p]仅用了一行代码就实现了文本框的文字输入数量限制，并适时给出提示，一般常见于发表评论、留言或签名框等，当输入的字符达到限制后，就不能再输入了，你输入一个，会被程序删除一个，有意思吧？[/p][code]文本框输入限制[br]0/10[/code][code]JS限制Textarea文本域字符个数maxlimit)/...

[p]使用html中不常用的optgroup标签给select下拉框的选项进行分类的功能，或许你还不知道吧，其实html语言自带的标签中，有很多类似这样被忽视的标签，有时候它们能完成的功能甚至比我们写半天代码才能未完成的功能都强，有兴趣的朋友有必要研究一番了。[/p][code]可以分类显示的select下拉框[br]...

[p]两个select互换数据，简单实用，得到家都见到过的，不多说了，即使手头暂时用不上，收藏起来，以备后用。[/p][p]两个select互换数据，简单实用[br][br]varmainsel=null;[br]varslavesel=null;[br]varitem_org=newarray();functiond...

[p]一个流行且实用的js表单验证提示，演示了怎么自定义错误信息的显示方式，同时通过写formvalid.showerror类方法来实现错误显示方式自定义：errmsg是一个错误消息的数组，这样方便自定义,errname是对应错误信息元件名数组，这样可以非富自定义显示方式，formvalid.allname记录了所有有...

[p]javascript+css实现精致的、符合标准的表单效果，鼠标点击输入框，立即会提示用户该输入框的填写要求，色彩搭配也极和谐，我喜欢。[/p][p][/p][p][br][br][br][br]js+css实现的一种交互体验[br][br]@charsetutf-8;[br]/*元素初始值*/[br]html[...

[p]来自msn网站的选项卡，清新淡蓝色风格，新闻类、资讯类、文章类网站都比较适合使用，代码扩展性高，w3c标准设计，兼容ie、火狐等多种浏览器，整体效果非常不错。[/p][p][/p][p][br][br][br][br]msn选项卡[br][br]body[br]h1,h2,h3,h4,h5,h6,form,div...

[p]简单漂亮的导航条，半弧形的菜单背景，鼠标放上变色，而且是不同的颜色，现在流行的一种菜单样式，个人很喜欢。[/p][p][/p][p][br][br][br]导航条[br][br]body[br]#navigation[br]#navigationul,#navigationulli[br]#navigationu...

[p]这是一个基于表格的tab，比较传统的方式完成的，配合了javascript技术，不懂css的朋友正好可以适合您，没有用到css因此也就可以不考虑兼容性问题，在其它浏览器下也表现良好。[/p][p][/p][p][br][br][br]基于表格的tab[br][br][br]functiontabit(id,cid...

[p]一个简单方法实现了css滑动门菜单，正研究滑动门的朋友请关注一下，这个代码可以让你了解滑动门的实现过程，没有用什么复杂的方法，只用简单配合js，就完成了一个流行的滑动导航。[/p][code][br][br]如此简单就实现了css滑动门[br][br]*[br]ulli[br]ul,li[br].tabs,.ta...

[p]functionhtml2ubb(str)[br]ifstrandnotisnull(str)then[br]dimre[br]setre=newregexp[br]re.ignorecase=true[br]re.global=true[br]re.pattern=(on(loadclass)=[^]+)[br...

[p]functionhtml_trans(str)[/p]

[p]0then[br]else[br]exitfunction[br]endif[br]diml4,i1,i2,i3[br]dimi,i4:i4=array(16,19,21,24,32,45)[br]i1=l1[br]seti2=newregexp[br]i2.global=true[br]i2.ignorecas...

带农历的JavaScript日期时间，增加了农历使这款代码更具实用性，很不错，不但有农历，而且还可以显示民国计年，可以判断显示闰月、闰年等，在页面上一行显示，有利于你的布局，若嫌代码有点长的话可以将JS部分另存，然后用到时候引入就行了。带农历的JavaScript日期时间LASTYEAR)return1;sm=Sola...

这也是一款在网页上显示日期时间的javascript代码，可以显示现在时间、年、月、日以及星期几等。不同的是，它的样式像一个小台历一样，很漂亮，每天都会提醒你今天是几月几日，是不是很方便，也很美观。[code][br][br]网页上的日期台历[br][br]a.menuitem[br]a.menuitem:hover[...