html 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
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>
时间: 2024-08-29 09:41:20

html input输入限制的相关文章

限制input输入类型(多种方法实现)

转自 http://blog.csdn.net/txqd1989/article/details/51697585 1.只能输入和粘贴汉字 <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))

正则及JS限制input输入类型

1.只能输入和粘贴汉字 <input onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^u4E00-u9FA5]/g,''))"><br/> 3.只能输入和粘贴数字 <input onkeyup="this

【转】unity3d input输入

Input 输入 按键 Input.GetKey(“up”) = Input.GetKey(KeyCode.UpArrow) 按住键盘上键 Input.GetKeyDown (“up”) 按下键盘上键 Input.GetKeyUp (“up”) 放开键盘上键 (KeyCode.UpArrow)为键码 Input.GetButton(“ ”) = Input.GetKey(“ ”) 两种几乎相同(目前没发现差异) Input.GetButton一样会有分Input.GetButtonDown & 

input输入什么div图层显示什么

<html> <meta charset="utf-8" /> <style > .ppp{ width:600px; height:300px; background-color:pink; } </style> <input type="text" id="ttt" name="" value=""  maxlength="" 

移动端开发注册、登陆input常用事件(input输入文字触发事件)

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>移动端开发注册.登陆input常用事件(input输入文字触发事件)</title> <meta name="keywords" content="

css相关,鼠标点击&lt;input&gt;输入域后出现有颜色的边框

css相关,鼠标点击<input>输入域后出现有颜色的边框,如果使用css,将这个鼠标点击输入域后产生的边框去掉呢?下面是截图 鼠标未点击前: 鼠标点击后: 根据大家的办法实现不了的,即使可以改变颜色,但是那条有颜色的线还是无法消除.下面是我的html和css代码: html: <input type="text" name="content" id="input_box"> css: #input_box{ border

实时监听input输入

oninput 是 HTML5 的标准事件,对于检测 textarea, input:text, input:password 和 input:search 这几个元素通过用户界面发生的内容变化非常有用,在内容修改后立即被触发,不像 onchange 事件需要失去焦点才触发.oninput 事件在主流浏览器的兼容情况如下: 从上面表格可以看出,oninput 事件在 IE9 以下版本不支持,需要使用 IE 特有的 onpropertychange 事件替代,这个事件在用户界面改变或者使用脚本直接

解决input输入光标不一致粗细!

今天有人问了谷歌和火狐下input输入框中的光标大小显示不一致,之前都没遇到过这~把人家的解决方法转过来先~~~以前在项目里碰到过一个问题input输入框用一个背景图模拟,设置height和line-height一样的高度,使里面的输入文字能够居中, 在FF下出现的情况是:点击input时,输入光标其实上跟input的height一样高,但当开始输入文字时,光标又变得跟文字一样高, chrome下光标跟input的height一样高, 而IE下光标跟文字的大小一致. 一直没弄明白为什么这样子,今

input 输入速度和方向判断、搜索功能的延迟请求

1.input 输入速度和方向判断 var wxApp = {} wxApp.click = function (str,speed) { var lastInput = { d: "", flag: true, lastTime: 0, twoClickTime:300, init:function (str,speed) { return { isAdd: this.isAdd(str,speed), speedValid:this.two_click(speed) } }, is

Python基础笔记:input()输入与数据类型转换

input就是个万能输入,不过input输入的元素都是以str形式保存的,如果要他作为一个整数的话,就需要进行数据类型转换. input的使用 name=input('please input your name :\n') print(name) please input your name : 152 365 152 365 #这是个字符串 name=input('please input your name :\n').split() print(name) please input yo