html input 文本框的一些操作（限制输入...）

1.取消按钮按下时的虚线框在input里添加属性值 hideFocus 或者 HideFocus=true2.只读文本框内容在input里添加属性值 readonly3.防止退后清空的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 οnkeyup="value=value.replace(/[
-~]/g,'')" οnkeydοwn="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" οnkeydοwn="www_zzjs_net(this.form.memo,this.form.remLen,10)" οnkeyup="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>

转载于:https://www.cnblogs.com/sunqiang/p/4312921.html

html input 文本框的一些操作（限制输入...）相关推荐

.jsp页面提交form表单，后台却无法获取input文本框value值
问题一:奇葩bug总结:input提交,后端获取不到value问题注意: java后端jsp页面input disabled="disabled"表单提交,后端无法print获取 ...
php 修改input内容,JS简单获取并修改input文本框内容的方法示例
这篇文章主要介绍了JS简单获取并修改input文本框内容的方法,结合实例形式分析了JavaScript针对页面元素的获取.赋值等相关操作技巧,需要的朋友可以参考下本文实例讲述了JS简单获取并修改in ...
已解决selenium模块向网页input文本框输入内容失败问题
已解决(selenium向input文本框输入内容失败问题)selenium.common.exceptions.ElementNotInteractableException: Message: e ...
php如何禁掉文本框输入,如何禁止input文本框输入
如何禁止input文本框输入 nput文本框用于接收用户输入的信息,我们有两种方法可以禁止input文本框,一种方法是使用readonly,另一种方法是使用disabled,但二者之间还是有区别的,请 ...
html input文本框样式,css设置input文本框样式代码实例_html/css_WEB-ITnose
css设置input文本框样式代码实例: 使用css设置input元素的样式是最为常用的操作之一,当然也是最为基础的操作,可能对于刚刚接触css的朋友还不够熟悉,下面就通过一段简单的代码历史演示一下如 ...
input文本框设置和移除默认值
input文本框设置和移除默认值这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失. 1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码: ...
input文本框自动填充背景色黄色解决办法
文章目录 input文本框自动填充背景色黄色解决方式解决前后,截图对比: 解决方式兼容性说明 input文本框自动填充背景色黄色解决方式如何取消黄背景色?浏览器兼容处理? 解决前后,截图对比: ...
input 文本框和 img 验证码对齐问题
为什么80%的码农都做不了架构师?>>> input 文本框和 img 验证码对齐问题在网页制作中,常将 input 和 img 放在同一行,img标签总是比input高出一 ...
点击input文本框，文字消失 JS
<HTML><HEAD><title>点击input文本框,文字消失</title><script type="text/javascr ...

html input 文本框的一些操作（限制输入...）

html input 文本框的一些操作（限制输入...）相关推荐

最新文章

热门文章