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="if(event.keyCode==13)event.keyCode=9" >

5.只能为中文(有闪动)

<input onkeyup="value=value.replace(/[

-~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9">

6.只能为数字(有闪动)

<input

onkeyup="value=value.replace(/[^\d]/g,'')

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

7.只能为数字(无闪动)

<input style="ime-mode:disabled"

onkeydown="if(event.keyCode==13)event.keyCode=9"

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"

onkeydown="if(event.keyCode==13)event.keyCode=9">

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>

12.限制文本框输入字数

<html>

<head>

<meta http-equiv="content-Type" content="text/html;charset=gb2312">

<title> 限制文本框输入字数</title>

</head>

<body>

<script language="JavaScript">

function www_zzjs_net(field, countfield, maxlimit) {

if (field.value.length > maxlimit)

field.value = field.value.substring(0,maxlimit);

else

countfield.value = maxlimit - field.value.length;

}

</script>

<form name="form" action="" method="post">

<textarea class="editbox2" onkeydown="www_zzjs_net(this.form.memo,this.form.remLen,10)" onkeyup="www_zzjs_net(this.form.memo,this.form.remLen,10)" name="memo" cols="45" rows="8" wrap="on"></textarea>

<br>共可输入10字，还剩<input class="editbox1" readOnly maxLength="3" size="3" value="10" name="remLen">字。<br>

<input class="bottom" type="submit" value=" 提交 " name="submit">

<input class="bottom" type="reset" value=" 重置 " name="reset">

</form>

</body>

</html>
 

html input 文本框的一些操作（限制输入...）的更多相关文章

  1. input文本框设置和移除默认值

    input文本框设置和移除默认值 这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失. 1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码: ...

  2. HTML input文本框设置和移除默认值

    这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失. 1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码: <input id=&quo ...

  3. input 文本框和 img 验证码对齐问题

    input 文本框和 img 验证码对齐问题 在网页制作中,常将 input 和 img 放在同一行,img标签总是比input高出一个头,非常难看. CCS实现input和img水平对齐的方法 同时 ...

  4. 我的插件のinput文本框实现宽度自适应

    先来最后结果:DEMO 介绍一下如何让一个文本框的宽度能够随着文本框中的内容的宽度增长而增长,也就是能够实现宽度自适应效果. 代码实例如下: <!DOCTYPE html> <htm ...

  5. 捕获input 文本框内容改变的事件(onchange,onblur,onPropertyChange比较)

    input 文本框内容改变,可以使用onchange或者onblur来判断,但onchange是在文本内容改变,然后失去焦点的时发生,onblur是在失去焦点时发生,不会自己去判断. 如: <i ...

  6. chrome下input文本框自动填充背景问题解决

    chrome下input文本框会自动填充背景,只需要给文本框加一个样式即可解决问题 input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px ...

  7. 正则表达式验证input文本框

    方便以后的查找,直接copy代码在这里了. eg: //公司邮箱验证 if ($("#Email").val() != "") { var myreg = /^ ...

  8. js中input文本框设置和移除默认值

    这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失. 1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码: <input id=&quo ...

  9. input文本框禁止修改文本——disabled和readonly属性的作用及区别

    1.input文本框禁止修改文本 disabled属性:<input type="text" name="name" value="xxx&qu ...

随机推荐

  1. Spring 操作Weblogic JDNI数据源

    <!--Data Source--> <jee:jndi-lookup id="nssb_1122_cs" jndi-name="jdbc/nssb_1 ...

  2. Js 表单序列化

    http://www.w3cmm.com/javascript/serialize-form.html

  3. windows下NGINX和PHP配合（FASTCGI）

    昨天测试了TOMCAT,今天考查了NGINX. 按网上说的作,比较简单. http://www.cnblogs.com/huayangmeng/archive/2011/06/15/2081337.h ...

  4. Linux硬链接与软连接

    1.Linux链接概念 Linux链接分两种,一种被称为硬链接(Hard Link),另一种被称为符号链接(Symbolic Link).默认情况下,ln命令产生硬链接. [硬连接]硬连接指通过索引节 ...

  5. Apache CloudStack多个跨站脚本漏洞（CVE-2013-2136）

    漏洞版本: Apache Group CloudStack 4.1.0 Apache Group CloudStack 4.0.2 Apache Group CloudStack 4.0.1-incu ...

  6. （转载）函数:mysqli_query和mysql_query有何区别?

    (转载)http://wzan315.blog.163.com/blog/static/37192636201241732045299/ Mysqli.dll是一个允许以对象的方式或者过程操作数据库的 ...

  7. Oracle设计规范！

    Oracle设计规范! 一哥们整理的Oracle的设计规范,相当的不错,贴这以备后续之需! 目录 1.数据库模型设计方法规范 1.1.数据建模原则性规范 1.2.实体型之间关系认定规范 1.3.范式化 ...

  8. Java IO复习 UDP

    客户端: package cn.zyw.javaurl; import java.io.IOException; import java.net.*; /** * Created by zyw on ...

  9. hdu 2546 典型01背包

    分析:每种菜仅仅可以购买一次,但是低于5元不可消费,求剩余金额的最小值问题..其实也就是最接近5元(>=5)时, 购买还没有买过的蔡中最大值问题,当然还有一些临界情况 1.当余额充足时,可以随意 ...

  10. 一个Tomcat及一个ip，绑定不同的域名，各个域名访问各自不同应用程序的配置方法

    http://nickandmiles.blog.163.com/blog/static/23422123201110151492166/ 条件是:这样一种实际情况是,就一台服务器,当公网的IP地址也 ...