常用按钮、文本框、表单等CSS样式13例

一、按钮样式

.buttoncss {
font-family: "tahoma", "宋体"; /*www.bianceng.cn*/
font-size:9pt; color: #003399;
border: 1px #003399 solid;
color:#006699;
border-bottom: #93bee2 1px solid;
border-left: #93bee2 1px solid;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solid;
background-image:url(../images/bluebuttonbg.gif);
background-color: #e8f4ff;
cursor: hand;
font-style: normal ;
width:60px;
height:22px;
}

2、蓝色按钮

.bluebuttoncss {
font-family: "tahoma", "宋体"; /*www.bianceng.cn*/
font-size: 9pt; color: #003366;
border: 0px #93bee2 solid;
border-bottom: #93bee2 1px solid;
border-left: #93bee2 1px solid;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solid;*/
background-image:url(../images/blue_button_bg.gif);
background-color: #ffffff;
cursor: hand;
font-style: normal ;
}3、红色按钮

.redbuttoncss {
font-family: "tahoma", "宋体"; /*www.bianceng.cn*/
font-size: 9pt; color: #0066cc;
border: 1px #93bee2 solid;
border-bottom: #93bee2 1px solid;
border-left: #93bee2 1px solid;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solid;
background-image:url(../images/redbuttonbg.gif);
background-color: #ffffff;
cursor: hand;
font-style: normal ;
}4、选择按钮

.selectbuttoncss{
font-family: "tahoma", "宋体"; /*www.bianceng.cn*/
font-size: 9pt; color: #0066cc;
border: 1px #93bee2 solid;
border-bottom: #93bee2 1px solid;
border-left: #93bee2 1px solid;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solid;
background-image:url(../images/blue_button_bg.gif);
background-color: #ffffff;
cursor: hand;
font-style: normal ;
}

时间： 2024-09-29 04:43:03

常用按钮、文本框、表单等CSS样式13例的相关文章

jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证_jquery

jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title> &l

jquery设置div,文本框 表单的值示例

我们将使用前一章中的三个相同的方法来设置内容: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML标记) val() - 设置或返回表单字段的值 1.html()方法 该方法类似于js当中的innerHTML属性 $("#two").html()方法 获取html $("#two").html("<span>你好!</span>") 2.text() 类似于JS中的i

jQuery 建立 AJAX 下拉框表单的例子

最近在开发一个小东西的时候出现这么一个需求,根据 AJAX 请求的数据生成下拉框表单. 这个需求经常会出现,比如全球范围内地址的选择,全球所有国家的省份和城市是一堆不小的数据,而且表单还不一定会被使用.这时可以考虑先加载一个空表单,在用户点击的时候再用 AJAX 把数据加载进来:或者先加载所有国家的列表,然后根据用户选择的国家再加载对应的省份和城市数据. 再比如一些必须使用 AJAX 加载下拉框表单的地方.像 CDK 兑换,需要用户填写 CDK 之后再根据 CDK 适用的范围生成下拉框表单. 实

jQuery AJAX下拉框表单的实现例子

AJAX下拉框表单是在表单中绑定了改变事件了,当A改变时B的列表根据A条件进行查询返回并显示数据了,具体例子如下. 最近在开发一个小东西的时候出现这么一个需求,根据 AJAX 请求的数据生成下拉框表单.   这个需求经常会出现,比如全球范围内地址的选择,全球所有国家的省份和城市是一堆不小的数据,而且表单还不一定会被使用.这时可以考虑先加载一个空表单,在用户点击的时候再用 AJAX 把数据加载进来:或者先加载所有国家的列表,然后根据用户选择的国家再加载对应的省份和城市数据.   再比如一些必须使用

JavaScript获取按钮所在form表单id的方法

 本文实例讲述了JavaScript获取按钮所在form表单id的方法.分享给大家供大家参考.具体如下: 这里使用javascript获取form表单按钮的id,可以通过下面的JS代码获取. 1 2 3 4 5 6 7 8 9 10 11 12 13 <!DOCTYPE html> <html> <body> <h1>www.sharejs.com</h1> <form id="form1"> <button

asp.net 防止用户通过后退按钮重复提交表单_实用技巧

防止用户通过后退按钮重复提交表单 <% response.Buffer=true response.Expires=0 response.ExpiresAbsolute=now()-1 response.CacheControl="no-cache" %> response.Buffer=true的意思就是指明输出页面是否被缓冲,当属性值为True时,服务器将不会向客户端发送任何信息,直到所有程序执行完或者遇到 <% Response.Flush %>或<

javascript-点击查询按钮验证form表单

问题描述 点击查询按钮验证form表单 所有的条件都在form表单中,请问我点击查询的时候,用js有没有办法就是除了单选按钮以外,怎样验证其它选项必须输入一个条件 解决方案 把所有组件的值都取出来,判断不能全为空就行 解决方案二: 表单添加onosubmit事件,示例代码如下. <form onsubmit="return check(this)"> xxx为你表单输入项的name值 function check(f){ if(f.xxx.value==''){alert(

JavaScript获取按钮所在form表单id的方法_javascript技巧

本文实例讲述了JavaScript获取按钮所在form表单id的方法.分享给大家供大家参考.具体如下: 这里使用javascript获取form表单按钮的id,可以通过下面的JS代码获取. <!DOCTYPE html> <html> <body> <h1>www.sharejs.com</h1> <form id="form1"> <button id="button1" type=&q

button按钮提交form表单的js方法不要使用关键字login

    在使用button按钮提交form表单时,js方法不要使用关键字login,否则你会遇到莫名其妙的警告而无法正常执行!     js代码如下:         function login(){     var username=document.getElementById("username").value;     var password=document.getElementById("password").value;     if( usern