Tag: 表单预览模式: 普通 | 列表

常用表单格式技巧

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=***"为字体和字大小设置。

查看更多...

Tags: 表单

分类:Html | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 490

只能输入英文和数字

<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

查看更多...

Tags: 表单

分类:Js | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 629

只能输入数字

<input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

查看更多...

Tags: 表单

分类:Js | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 618

输入框只能输入汉字

<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">

查看更多...

Tags: 表单

分类:Js | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 621

简洁的表单验证程序

HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

查看更多...

Tags: 表单

分类:Js | 固定链接 | 评论: 7 | 引用: 0 | 查看次数: 800

JavaScript表单验证

/*
JavaScript表单验证

表单的验证一直是网页设计者头痛的问题,表单验证类 Validator就是为解决这个问题而写的,旨在使设计者从纷繁复杂的表单验证中解放出来,把精力集中于网页的设计和功能上的改进上。 
  Validator是基于JavaScript技术的伪静态类和对象的自定义属性,可以对网页中的表单项输入进行相应的验证,允许同一页面中同时验证多个表单,熟悉接口之后也可以对特定的表单项甚至仅仅是某个字符串进行验证。因为是伪静态类,所以在调用时不需要实例化,直接以"类名+.语法+属性或方法名"来调用。此外,Validator还提供3种不同的错误提示模式,以满足不同的需要。 
Validator目前可实现的验证类型有: 
1.是否为空;

查看更多...

Tags: 表单

分类:Js | 固定链接 | 评论: 5 | 引用: 0 | 查看次数: 727

表单失效

<input type=text value="dddd" ReadOnly> //只读
<input type=text value="dddd" Disabled> //控件不可用


查看更多...

Tags: 表单

分类:Asp | 固定链接 | 评论: 5 | 引用: 0 | 查看次数: 858