输入框输入类型限制

最新推荐文章于 2022-03-28 10:27:13 发布

weixin_30699463

最新推荐文章于 2022-03-28 10:27:13 发布

阅读量149

点赞数

文章标签： xhtml

原文链接：http://www.cnblogs.com/enson99/archive/2011/10/27/2226170.html

版权

css 之 ime-mode
语法：
ime-mode : auto | active | inactive | disabled
取值：
auto : 默认值。不影响ime的状态。与不指定 ime-mode 属性时相同
active : 指定所有使用ime输入的字符。即激活本地语言输入法。用户仍可以撤销激活ime
inactive : 指定所有不使用ime输入的字符。即激活非本地语言。用户仍可以撤销激活ime
disabled : 完全禁用ime。对于有焦点的控件(如输入框)，用户不可以激活ime

说明：
设置或检索是否允许用户激活输入中文，韩文，日文等的输入法(ime)状态。
此属性对于 currentstyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 imemode 。
示例：

就是这样。所以当某个文本域不需要中文输入的时候，我们可以通过设置 ime-mode 属性值为 inactive 或者 disabled，减少错误的可能性。同样的我们可以设置那些需要中文输入的文本域的 ime-mode 属性值为 active。

通常C/S的业务系统，都会注意输入法的控制问题。开发基于B/S的业务系统，也一定会遇到同样问题，ime-mode相信可以帮上忙。不过 FireFox 并不支持这一样式单属性。

以下是一个仅限输入正整数的示例：

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>仅限正整数输入</title>

	</head>

	<body>
	<script>
	//void function (window,undefined){
	window.οnlοad=function(){
	var doc=document,list=doc.getElementsByTagName('input')
	/*for(i=len;i>0;list[--i].οnkeydοwn=function(e){
	e=window.event \|\| e;
	var target=e.srcElement \|\| e.target,code=(e.charCode \|\| e.keyCode)+'';
	reg.lastIndex = 0;
	if(!reg.test(code)){return false;};
	}){}*/
	availableNumberInput(list);
	}
	function availableNumberInput(inputs){
	var len=inputs.length,i,reg=/^(8\|9\|4[8-9]\|5[0-7]\|9[6-9]\|10[0-5])$/ig;
	for(i=len;i>0; (inputs[--i].οnkeydοwn=function(e){
	e=window.event \|\| e;
	var target=e.srcElement \|\| e.target,code=(e.charCode \|\| e.keyCode);
	reg.lastIndex = 0;
	if(!reg.test(code) \|\| e.shiftKey){return false;};
	target.value==='0' && (target.value='');
	},inputs[i].οncοntextmenu=function(){
	return false;
	}),inputs[i].style.imeMode='disabled'){}
	};
	//}(window);
	</script>
	<input type="text" /><br />
	<input type="text" /><br />
	<input type="text" />
	</body>
	</html>

转载于:https://www.cnblogs.com/enson99/archive/2011/10/27/2226170.html

weixin_30699463

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
输入框输入类型限制

css 之 ime-mode语法：ime-mode : auto | active | inactive | disabled取值：auto : 默认值。不影响ime的状态。与不指定 ime-mode 属性时相同active : 指定所有使用ime输入的字符。即激活本地语言输入法。用户仍可以撤销激活imeinactive : 指定所有不使用ime输入的字符。即激活非本地语言。用户仍可以撤销激...
复制链接

扫一扫