代码语言
.
CSharp
.
JS
Java
Asp.Net
C
MSSQL
PHP
Css
PLSQL
Python
Shell
EBS
ASP
Perl
ObjC
VB.Net
VBS
MYSQL
GO
Delphi
AS
DB2
Domino
Rails
ActionScript
Scala
代码分类
文件
系统
字符串
数据库
网络相关
图形/GUI
多媒体
算法
游戏
Jquery
Extjs
Android
HTML5
菜单
网页交互
WinForm
控件
企业应用
安全与加密
脚本/批处理
开放平台
其它
【
Css
】
符合标准的Focus功能的提交信息表单
作者:
Dezai.CN
/ 发布于
2013/9/25
/
805
<!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" xml:lang="en" lang="en"> <head> <style type="text/css"> form{ margin: 0px auto; width: 450px; border: solid 1px #CCCCCC; } .bo{ border-bottom: solid 1px #CCCCCC; } label{ float: left; padding: 10px 0px 4px 30px; } input{ padding: 1px; } input,textarea{ border: 1px solid #CCCCCC; margin: 5px 0px; } textarea{ padding: 2px; } .bt{ width: 38px; height: 20px; font-size: 11px; border: solid 1px #CCCCCC; background: #FBFBFB; text-align: center; } .btcenter{ text-align: center; clear: left; padding: 4px 0px 0px; } .sffocus { background: #F0F9FB; /*----for IE----*/ border: 1px solid #1D95C7; } textarea:focus, input:focus { background: #F0F9FB; /*----for firefox......----*/ border: 1px solid #1D95C7; } body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; margin-top: 20px; } </style> <script type="text/javascript"> function suckerfish(type, tag, parentId) { if (window.attachEvent) { window.attachEvent("onload", function() { var sfEls = (parentId==null)?document.getElementsByTagName(tag):document.getElementById(parentId).getElementsByTagName(tag); type(sfEls); }); } } sfHover = function(sfEls) { for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } } } sfFocus = function(sfEls) { for (var i=0; i<sfEls.length; i++) { sfEls[i].onfocus=function() { this.className+=" sffocus"; } sfEls[i].onblur=function() { this.className=this.className.replace(new RegExp(" sffocus\\b"), ""); } } } sfActive = function(sfEls) { for (var i=0; i<sfEls.length; i++) { sfEls[i].onmousedown=function() { this.className+=" sfactive"; } sfEls[i].onmouseup=function() { this.className=this.className.replace(new RegExp(" sfactive\\b"), ""); } } } sfTarget = function(sfEls) { var aEls = document.getElementsByTagName("A"); document.lastTarget = null; for (var i=0; i<sfEls.length; i++) { if (sfEls[i].id) { if (location.hash==("#" + sfEls[i].id)) { sfEls[i].className+=" sftarget"; document.lastTarget=sfEls[i]; } for (var j=0; j<aEls.length; j++) { if (aEls[j].hash==("#" + sfEls[i].id)) aEls[j].targetEl = sfEls[i]; aEls[j].onclick = function() { if (document.lastTarget) document.lastTarget.className = document.lastTarget.className.replace(new RegExp(" sftarget\\b"), ""); if (this.targetEl) this.targetEl.className+=" sftarget"; document.lastTarget=this.targetEl; return true; } } } } } suckerfish(sfHover, "p"); suckerfish(sfActive, "p"); suckerfish(sfHover, "INPUT"); suckerfish(sfActive, "TEXTAREA"); suckerfish(sfFocus, "INPUT"); suckerfish(sfFocus, "TEXTAREA"); suckerfish(sfTarget, "H5"); suckerfish(sfHover, "pre"); suckerfish(sfActive, "pre"); </script></head> <body> <form action="#" method="post" name="myform" id="myform"> <div class="bo"><label for="name">姓名:</label> <input type="text"size="20" name="name" id="name" maxlength="10" /></div> <div class="bo"><label for="tel">电话:</label> <input type="text" size="20" name="tel" id="tel" maxlength="16" /></div> <div class="bo"><label for="mo">主题:</label> <input type="text" size="30" name="mo" id="mo" maxlength="20" /></div> <div class="bo"><label for="con">内容:</label> <textarea cols="40" rows="8" name="con" id="con">
试试其它关键字
Focus功能
同语言下
.
前端PC-移动端CSS公共样式+HTML
.
手机端页面通用样式
.
H5页面通用头部设置
.
elect默认样式美化代码兼容移动端和pc端
.
按钮效果 css
.
唤醒app
.
放大效果
.
html5+css3实现上拉和下拉刷新
.
html上传图片后,在页面显示上传的图片
.
html5实现点击弹出图片
可能有用的
.
C#实现的html内容截取
.
List 切割成几份 工具类
.
SQL查询 多列合并成一行用逗号隔开
.
一行一行读取txt的内容
.
C#动态修改文件夹名称(FSO实现,不移动文件)
.
c# 移动文件或文件夹
.
c#图片添加水印
.
Java PDF转换成图片并输出给前台展示
.
网站后台修改图片尺寸代码
.
处理大图片在缩略图时的展示
Dezai.CN
贡献的其它代码
(
4037
)
.
多线程Socket服务器模块
.
生成随机密码
.
清除浮动样式
.
弹出窗口居中
.
抓取url的函数
.
使用base HTTP验证
.
div模拟iframe嵌入效果
.
通过header转向的方法
.
Session操作类
.
执行sqlite输入插入操作后获得自动编号的ID
Copyright © 2004 - 2024 dezai.cn. All Rights Reserved
站长博客
粤ICP备13059550号-3