玩个性 赋予表单INPUT元素特权

  1、取消按钮按下时的虚线框

  在input里添加属性值  hideFocus 或者 HideFocus=true 
 
  2、只读文本框内容 

      在input里添加属性值  readonly 
 
  3、防止退后清空的TEXT文档(可把style内容做做为类引用)

  <INPUT style=behavior:url(#default#savehistory); type=text id=oPersistInput> 
 
  4、ENTER键可以让光标移到下一个输入框

  <input > 
 
  5、只能为中文(有闪动)

  <input onkeyup="value=value.replace(/[ -~]/g,'')" > 
 
  6、只能为数字(有闪动)

  <input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"> 
 
  7、只能为数字(无闪动)

  <input style="ime-mode:disabled" onKeyPress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false"> 
 
  8、只能输入英文和数字(有闪动)

  <input onkeyup="value=value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"> 
 
  9、屏蔽输入法

  <input type="text" name="url" style="ime-mode:disabled" > 
 
  10、只能输入 数字,小数点,减号(-) 字符(无闪动)

  <input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false"> 
 
  11、只能输入两位小数,三位小数(有闪动)

  <input maxlength=9 onkeyup="if(value.match(/^\d{3}$/))value=value.replace(value,parseInt(value/10)) ;value=value.replace(/\.\d*\./g,'.')" onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || value.match(/^\d{3}$/) || /\.\d{3}$/.test(value)) {event.returnValue=false}" id=text_kfxe name=text_kfxe>

时间: 2024-12-05 00:43:28

玩个性 赋予表单INPUT元素特权的相关文章

jquery获取form表单input元素值的简单实例_jquery

一般取值方法 $("#id").val(); $("#id").attr("value");  //其中value是元素的属性名如<s:textfield  id="cifName" key="cifName"   name="#request.consBean.cifName" />的id,key,name属性.取到的值是属性后对应双引号里面的字符. function sa

轻松玩转花样表单(二)花样表单

二.表单外观的美化 很多时候,我们仅仅为了实现数据采集这个功能来使用表单,常看到的表单都是"千人一面".毫无生气,本专题尝试着来改变这一现象,试图赋予表单一个丰富多彩的面貌.表单的外观,也是最为直接的花样,可以通过改变它来实现特效,本文分两个出发点来讲述:CSS魔法和图像魔法. 1.CSS魔法 CSS,就是大家知道的层叠样式单,它可以定义页面元素的外观,包括字体样式.背景颜色和图像样式.边框样式.补白样式.边界样式等等,下面就从这几个方面出发,讨论怎样将CSS应用到表单中,彻底美化它!

CSS3 3D 技术手把手教你玩转_表单特效

css3的3d起步 要玩转css3的3d,就必须了解几个词汇,便是透视(perspective).旋转(rotate)和移动(translate).透视即是以现实的视角来看屏幕上的2D事物,从而展现3D的效果.旋转则不再是2D平面上的旋转,而是三维坐标系的旋转,就包括X轴,Y轴,Z轴旋转.平移同理. 当然用理论来说明,估计你还不明白.下面是3个gif: 沿着X轴旋转 沿着Y轴旋转 沿着Z轴旋转 旋转应该没问题了,那理解平移起来就比较容易了,就是在在X轴.Y轴.z轴移动. 你可能会说透视比较不好理

轻松玩转花样表单(四)常用技巧

技巧 四.表单的常用技巧 这些常用技巧,往往是和事件以及脚本联系在一起,本文注重功能,至于脚本,就不一一详细分析.常见的技巧有:下拉跳转菜单,表单内容的聚焦. 1.下拉跳转菜单 在Dreamweaver中,可以很方便地建立基于表单的下拉菜单,为了兼顾非Dreamweaver用户,这里讲述一下这种技巧. 样例22:基于表单的下拉跳转菜单 ChinabyteSinanetease 分析:实际上,这里用到了一个函数,用于向选择的地址跳转, <script language="JavaScript

轻松玩转花样表单(一)表单概述

本专题从最基础的表单知识,到表单的高级应用,让你有一个比较全面地认识,相信你在读完本专题以后,一定会对表单非常熟悉.一.表单概述 表单,在网页中的作用不可小视,主要负责数据采集的功能,比如你可以采集访问者的名字和e-mail地址.调查表.留言簿等等.1.表单的组成 一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法. 表单域:包含了文本框.密码框.隐藏域.多行文本框.复选框.单选框.下拉选择框和文件上传框等. 表单按钮:包括提交按钮.

jQuery获取及设置表单input各种类型值的方法小结_jquery

本文实例讲述了jQuery获取及设置input各种类型值的方法.分享给大家供大家参考,具体如下: 获取一组radio被选中项的值 var item = $("input[@name=items]:checked").val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].s

轻松玩转花样表单(三)表单的提交

三.表单的提交 既然表单是用来采集用户输入的数据,那么,就应该保证用户的数据被准确地提交到预定的地点,也就是说,我们在表单提交的时候,应该对用户的数据进行检验,一来可以避免用户误输数据,二来可以避免用户输入非法的,或者说不合格的数据:检验合格以后,还要保证用户的数据提交到特定的程序. 1.数据的检验 数据的检验,通常有两种程序:客户端检验和服务器端检验.客户端检验,比较快,服务器端检验,相对来说比较慢,为了确保安全,通常同时采用,这样就可以避免用户刻意破坏. 不管采用什么方式,数据检验的原理都是

表单input项使用label同时引用Bootstrap库导致input点击效果区增大问题_javascript技巧

为了让标签更加语义化,在表单项中,我们往往会使用label进行包裹 <label for="label-input"> <input type="text" class="" id="label-input"><br> <button>button</button> </label> 在移动平台页面的开发中,为了让表单项的可点区域变大而更好的操作,labe

推荐个不错的表单Input的高级用法11例_经验交流

1.取消按钮按下时的虚线框  在input里添加属性值 hideFocus 或者 HideFocus=true  2.只读文本框内容  在input里添加属性值 readonly  3.防止退后清空的TEXT文档(可把style内容做做为类引用)  <INPUT style=behavior:url(#default#savehistory); type=text id=oPersistInput>  4.ENTER键可以让光标移到下一个输入框  <input onkeydown=&qu