<!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>FireFox / Mozilla / Opera / IE 适用</title>
<style type="text/css" by tesion.>
/* CSS v.02 by tesion.
CopyRight: http://www.netjoin.net
Contact: renziweb@hotmail.com
原创表单变色
*/
/*定义全局样式 */
input,select,textarea,div {
font: 12px Arial
/* 此部分为表单和容器的字体定义 */
}
/* 所有表单定义默认 */
input,select,textarea {
border: 1px solid #EFEFEF;
}
/* 利用鼠标事件 :hover 来定义当鼠标经过时样式 */
input:hover,select:hover,textarea:hover {
background: #F0F9FB;
border: 1px solid #1D95C7;
}
/* 由于 :hover 事件只有 Mozilla 支持,因此为方便IE使用 expression 批量定义 */
input,select,textarea {
tesion:expression(onmouseover=function()
{this.style.backgroundColor="#F0F9FB";this.style.border="1px solid #1D95C7"},
onmouseout=function()
{this.style.backgroundColor="#FFFFFF";this.style.border="1px solid #EFEFEF"})
}
/* 如上 */
div {
background: #EFEFEF;
padding: 10px; /* 填充 */
cursor: pointer /* 鼠标 */
}
div:hover {
background: #F0F9FB
}
div {
tesion:expression(onmouseover=function()
{this.style.backgroundColor="#F0F9FB"},
onmouseout=function()
{this.style.backgroundColor="#EFEFEF"})
}
/* 不错吧? */
</style>
</head>
<body>
<p>
<input type="text" size="20" maxlength="16" />
<br />
<select name="select">
</select>
<br />
<textarea name="textarea"></textarea>
</p>
<div>这么简单</div>
</body>
</html>
分享到:
相关推荐
帮同学随手做的一个C#作业,主要是让form的背景颜色自动不断的变换,是timer和random的交互使用,这么简单的代码要分数什么的我实在不好意思啊……
CSS3颜色表单,我珍藏的给大家了,你绝对想要的
代码简介:jQuery可视化表单拖拽编辑代码是一款基于jQuery和bootstrap框架制作可视化表单,可自定义拖拽控制生成表单,预览表单,表单各种属性可通过json格式的配置来处理控制表单的各个属性,看起来非常的高大上,...
表单及表单元素
activiti三种表单的demo实现 运行方式: 1,修改连接的数据库 2,sql文件在resources\sql下 3,访问地址http://localhost:8080/activiti-demo/main/index
表单表单常用20表单常用20表单常用20表单常用20表单常用20表单常用20表单常用20表单常用20表单常用20
微信小程序 易打卡 表单设计 (源码)微信小程序 易打卡 表单设计 (源码)微信小程序 易打卡 表单设计 (源码)微信小程序 易打卡 表单设计 (源码)微信小程序 易打卡 表单设计 (源码)微信小程序 易打卡 表单设计 (源码)...
1、支持新建N个表单主题,解决所有表单的应用场景 2、自定义表单模型(自定义字段支持字符串、数字、单选、多选、下拉、日历、时间、邮件、省市区、上传图片),每个自定义字段支持自定义描述(字段提示),支持关联会员...
微信小程序学习demo:表单练习(源代码+截图)微信小程序学习demo:表单练习(源代码+截图)微信小程序学习demo:表单练习(源代码+截图)微信小程序学习demo:表单练习(源代码+截图)微信小程序学习demo:表单练习(源代码+...
包含大量实例——从细节展现(如标签对齐方式、必填字段)到视觉设计(如创建整齐的网格、颜色应用等)。 作者简介 · · · · · · Caroline Jarrett经营着一家可用性咨询公司Effortmark Ltd。自1992年开始开发...
表单计时器 自定义表单
JAVA动态表单设计,自定义表单,自定义数据,在线设计,数据库存储
表单验证大全表单验证大全表单验证大全表单验证大全表单验证大全
如下所示: form表单ID:postform 设置表单请求url document.postform.action = SaveReturnInfo...以上就是小编为大家带来的js 提交form表单和设置form表单请求路径的实现方法全部内容了,希望大家多多支持软件开发网~
JavaScript实现的可视化表单设计器源码。实现的可视化表单设计器。基于Vue的可视化表单设计器,让表单开发简单而高效。 特性如下: 可视化配置页面 提供栅格布局,并采用flex实现对齐 一键预览配置的效果 一键生成...
Form验证表单Form验证表单Form验证表单Form验证表单
驰骋表单引擎与驰骋工作流引擎珠联璧合共同解决了系统应用。 表单引擎与流程引擎,唇齿相依不可分割,就类似于车的控制系统与车厢一样。 驰骋表单引擎简称ccfrom,模版都是基于关系存储的模式的表达引擎,与基于文件...
js提交表单及js表单验证 js提交表单及js表单验证 js提交表单及js表单验证
支持创建N个表单主题,每个表单主题功能设置均独立 支持新建N个表单主题,解决所有表单的应用场景 自定义表单模型(自定义字段支持字符串、数字、单选、多选、下拉、日历、时间、邮件、省市区、上传图片),每个自定义...