- 热门文章:
- · CSS使用详解
- · CSS 中表示单位的符号
- · 巧用CSS制作图象特效
- · 用CSS滤镜实现图片翻转特效
- · 显示你个性的鼠标指针
- · CSS滤镜应用技巧
- · 在DreamWeaver中应用CSS样式表技巧两则
- · CSS文本属性
- · 网页中轻松实现三维字体
- · 带你了解样式表滤镜(二)
- · 用CSS 快速定制下拉菜单
- · CSS小技巧
个性化表单五技巧
想必大家在页面都使用过表单,如果你对单调的表单控制单元不满意,不妨看看以下几条技巧:
1、表单文本输入的移动选择:在文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 <textarea> 中,一切就会变得简单多了,如:
<textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">Input English..</textarea>
类似的,可以加入代码到<input>。
2、表单输入单元点击删除:本列同上则作用类似,只是使用鼠标上略有变化,需要点击而不像上则的只要鼠标覆盖。如:
<input type=text name="address" size=19 value="Enter,e-mail..."onFocus="this.value=@#@#">
点击输入单元后,提示信息会删除,是不是很方便。
3、表单输入单元的边框设置:更改传统的表单单元边框,会让你的主页生色不少。如:
<input type=radio name=action value=subscribe checked style="BORDER-BOTTOM: dashed 1px; BORDER-LEFT: dashed 1px; BORDER-RIGHT: dashed 1px; BORDER-TOP: dashed 1px;background-color: #FEF5C8">
其中"style=***"为左右上下和背景色设置,适用于其它单元,请读者亲自试试。
4、表单输入单元的文字设置:表单中单元的字体是可以修改的,如:
<input type=text name="address" size=19 value="Enter,e-mail..." style=font-family:"verdana";font-size:10px >
其中"style=***"为字体和字大小设置。
5、修改表单属性为弹出窗口:大多数表单激活后,会在当前页面中打开,影响正常浏览。不如修改一下,如:
<form method=POST action=url target=_blank>
其中"target=_blank"为控制在弹出窗口打开。
- · 用css改变鼠标显示
- · 如何将CSS 加诸于网页
- · 背景图的详细设定
- · CSS字型的设定
- · CSS字型的设定
- · CSS定位组件CSS 定位方式
- · CSS字体的详细设定
- · CSS边框的设定方法
- · CSS的滤镜效果(2)
- · CSS的滤镜效果(1)
- · 由显示/隐藏引出的CSS Bug
- · CSS轻松实现色块标题标识
- · 在CSS中关于字体处理效果的思考
- · 使用CSS设置段落首字下沉
- · 初步了解CSS3
- · CSS重新定义项目符号和编号
- · 巧用CSS制作树状目录
- · 巧用CSS的Border属性制作特效菜单
- · 给文字加上阴影效果的方法
- · 巧用样式表,让文本框与按钮变个样
- · 让CSS使网页图片半透明
- · 巧用CSS动态控制文本的属性
- · CSS2 参考
- · 创建并引用样式类
- · 用CSS制作Alpha滤镜测试板
- · 巧用CSS制作可控闪烁效果
- · Invert属性、Glow属性和FlipH、FlipV属性
- · DropShadow属性、Chroma属性和blur属性效果
- · CSS产生的特殊效果
- · CSS的字体、字型控制
- · 关于CSS中的类-CLASS
- · 关于CSS中的类-CLASS
- · 使用不同的CSS写法-CSS进阶
- · 什么是CSS?它的能做些什么?
- · CSS图象滤镜之实用版
- · CSS样式表高效使用的技巧
- · 用CSS实现鼠标单击特效
- · 用CSS巧控制段落缩进
