很可爱的输入框_表单特效

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>很可爱的输入框__www.jb51.net</title>
<style>
.username_bg { background:url(yun_qi_img/login_bg.gif) no-repeat 50%;}
.inputbox { width:100px; height:16px; border:1px solid #FF9900}
</style>
</head>
<body>
<input type="text" name="username" class="inputbox" onfocus="this.className='username_bg inputbox'" onblur="this.className='inputbox'" />
<input type="text" name="username1" class="inputbox" onfocus="this.className='username_bg inputbox'" onblur="this.className='inputbox'" />
</body>
</html>

时间: 2024-10-23 17:49:53

很可爱的输入框_表单特效的相关文章

JS+CSS模拟IP输入框_表单特效

IP地址: . . .

制作符合用户体验的漂亮的input输入框_表单特效

姓名: 请输入您的姓名 Email: 请输入您的Email 网站: 请输入您的网站

JavaScript聚焦于第一个字段的代码_表单特效

这个主要会用在表单字段中,所以我这里做的实验只针对表单字段.在form的子元素中循环查找第一个不是隐藏字段的字段,然后使用focus方法获得焦点.(呵呵^_^,很简单!) 复制代码 代码如下: FormUtil.focusOnFirst = function() { if (document.forms.length > 0) { for (var i = 0; i < document.forms[0].elements.length; i++) { var oField = documen

javascript下阻止表单重复提交、防刷新、防后退_表单特效

1 服务器端的解决方法.这是我最为推荐的方法.优点是判断准确,兼容性最大.  做法:a页面显示表单,然后提交b页面处理,处理完后重定向到c页面显示结果.  1.0 在访问a页面时在session里生成一个标志ID,例如  //伪代码  session("submitID")=random()  然后把这个值写到表单的一个hidden的input里  //伪代码  <%response.write("<input name=submitID2 type=hidden

番茄的表单验证类代码修改版_表单特效

在经典论坛上发过一次,个人的项目中在后台处理时用到这个东西,对于简单的表单验证还是挺方便的. 因为不想让代码变得太臃肿,所以有很多不常用的功能就没有再添加了 对于我佛山人的意见就没有做修改了,为什么?因为我懒呗,哈哈 今天看到omeweb也修改了一个版本,做了许多修改,改得挺不错的,谢谢了. 源码在这里:  //去除字符串两边的空格 String.prototype.trim = function () {     return this.replace(/(^\s+)|(\s+$)/g, "&

CSS3 3D 技术手把手教你玩转_表单特效

css3的3d起步 要玩转css3的3d,就必须了解几个词汇,便是透视(perspective).旋转(rotate)和移动(translate).透视即是以现实的视角来看屏幕上的2D事物,从而展现3D的效果.旋转则不再是2D平面上的旋转,而是三维坐标系的旋转,就包括X轴,Y轴,Z轴旋转.平移同理. 当然用理论来说明,估计你还不明白.下面是3个gif: 沿着X轴旋转 沿着Y轴旋转 沿着Z轴旋转 旋转应该没问题了,那理解平移起来就比较容易了,就是在在X轴.Y轴.z轴移动. 你可能会说透视比较不好理

收藏的js表单验证控制代码大全第1/3页_表单特效

关键字:js验证表单大全,用JS控制表单提交 ,javascript提交表单: 目录: 1:js 字符串长度限制.判断字符长度 .js限制输入.限制不能输入.textarea 长度限制  2.:js判断汉字.判断是否汉字 .只能输入汉字 3:js判断是否输入英文.只能输入英文 4:js只能输入数字,判断数字.验证数字.检测数字.判断是否为数字.只能输入数字 5:只能输入英文字符和数字 6: js email验证 .js 判断email .信箱/邮箱格式验证 7:js字符过滤,屏蔽关键字 8:js

Css3制作变形与动画效果_表单特效

下面通过图文并茂的方式给大家展示下css3制作变形与动画效果 css3制作动画的几个属性:变形(transform),过渡(transition)和动画(animation). 下面介绍:过渡transition. 一.例子 先通过一个例子感性认识一下transition的动画效果. 鼠标放上去,div宽度从100px增大到200px. <style type="text/css"> div{ width: 100px; height: 100px; background-

判断多个元素(RADIO,CHECKBOX等)是否被选择的原理说明_表单特效

在提交表单时经常需要对一些必填字段进行判断是否为空, 如果是文本框那很好办,大家都会写,但是如果遇上多个raido,checkbox 必选一个或多个就稍微麻烦一点了. 通过取整个表单的元素集合,我们可以对其进行如下处理:  复制代码 代码如下: var msg=""; var obj=""; var flag=false; for (var i=0;i<document.frmsignup.elements.length;i++){ var e = docum