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. [BZOJ 1082] [SCOI2005] 栅栏 【二分 + DFS验证（有效剪枝）】

    题目链接:BZOJ - 1082 题目分析 二分 + DFS验证. 二分到一个 mid ,验证能否选 mid 个根木棍,显然要选最小的 mid 根. 使用 DFS 验证,因为贪心地想一下,要尽量先用提 ...

  2. socket、tcp、http

    第一部分.概念的理解 1.什么是Socket? Socket又称之为“套接字”,是系统提供的用于网络通信的方法.它的实质并不是一种协议,没有规定计算机应当怎么样传递消息,只是给程序员提供了一个发送消息 ...

  3. 深入了解一下PYTHON中关于SOCKETSERVER的模块-A

    有了这块知识,应该对各类WEB框架有更好的理解吧..FLASK,DJANGO,WEBPY.... #!/usr/bin/env python from BaseHTTPServer import HT ...

  4. 要将PYTHON应用于工作啦

    分析同事在线答疑的数据,考评模型还未最终给出: import time import sys import optparse #操作代码和同事名对应的文件 opfile = 'op_name.txt' ...

  5. mysql 海量数据的存储和访问解决方案

    第1章  引言 随着互联网应用的广泛普及,海量数据的存储和访问成为了系统设计的瓶颈问题.对于一个大型的互 联网应用,每天几十亿的PV无疑对数据库造成了相当高的负载.对于系统的稳定性和扩展性造成了极大的 ...

  6. bzoj2743

    其实和bzoj1878类似只不过要求的是区间内数量多于1个的数字种数其实还是按照bzoj1878做只不过我们是把每一种数字下一个出现的位置+1,并把这个位置置为0 ..] of longint; ma ...

  7. 什么是系统，什么是算法 -- lemon OA 系统学习总结

    一.对于模块划分的理解 对于一个大型(这里还只是一个中型系统)系统来说,代码的编写不是一日而就的,层次的明细也不是一眼就能看清楚的. 在这种情况下,需要想好,最好是由上而下地想好. 能够模块式地划分最 ...

  8. asp.net生成二维码的方法

    asp.net生成二维码的方法 [复制链接]     这个要利用一个Dll文件. 如下 Gma.QrCodeNet.Encoding.dll (105.5 KB, 下载次数: 27) 当然大家也可以直 ...

  9. 数学（概率）CodeForces 626D：Jerry's Protest

    Andrew and Jerry are playing a game with Harry as the scorekeeper. The game consists of three rounds ...

  10. Two kinds of Quaternion SlerpImp (Unity)

    using UnityEngine;using System.Collections; public class SlerpImp{ static float Dot(Quaternion a, Qu ...