`
yushan
  • 浏览: 147163 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

<input>禁止键盘及中文输入

阅读更多

<input>禁止键盘及中文输入,但又不能用readonly 而且还需兼容ie 和 ff , 为了完成这功能费了蛮大功夫,呵呵,在此记录以便日后之用;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <script>
  // 样式 style="ime-mode:disabled" 禁止中文输入
function noPermitInput(e){	
	   var evt = window.event || e ;
		if(isIE()){
			evt.returnValue=false; //ie 禁止键盘输入
		}else{
			evt.preventDefault(); //fire fox 禁止键盘输入
		}	
}
function isIE() {
	if (window.navigator.userAgent.toLowerCase().indexOf("msie") >= 1)
		return true;
	else
		return false;
} 
  </script>
 </HEAD>
 <BODY>
  禁止键盘按键输入及中文输入
  <input type="text" value=""   style="ime-mode:disabled" onkeypress="noPermitInput(event)" >
 </BODY>
</HTML>

 

  关于样式 ime-mode,网上查找如下:

 

ime-mode    CSS提议属性

语法:
ime-mode : auto | active | inactive | disabled
 
参数:
auto : 不影响IME的状态。与不指定ime-mode属性时相同
active : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME
inactive : 指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME
disabled : 完全禁用IME。对于有焦点的控件(如输入框),用户不可以激活IME
 
说明:
设置或检索是否允许用户激活输入中文,韩文,日文等的输入法(IME)状态。
对应的脚本特性为imeMode。
 
示例:
<input type=text style='ime-mode: disabled; '>

 

 

2
1
分享到:
评论

相关推荐

    C#编程经验技巧宝典

    68&lt;br&gt;&lt;br&gt;0091 如何根据ASCII码获得字母 68&lt;br&gt;&lt;br&gt;0092 编程中经常使用的ASCII码 68&lt;br&gt;&lt;br&gt;0093 获得汉字的区位码 69&lt;br&gt;&lt;br&gt;0094 如何根据区位码获得汉字 69&lt;br&gt;&lt;br&gt;0095 如何将行字符串转换为列字符串...

    input禁止键盘及中文输入,但可以点击

    标题中的“input禁止键盘及中文输入,但可以点击”指的是在HTML中,如何实现一个&lt;input&gt;元素,使得用户无法通过键盘输入文字(包括中文),但仍然可以点击该输入框进行其他操作,例如选择日期、时间或者使用下拉列表...

    html常用标记

    键盘输入的模拟,通常用于表示用户需输入的按键。 #### 20. `&lt;samp&gt;` 和 `&lt;/samp&gt;` 样本输出,如程序运行结果,通常以等宽字体显示。 #### 21. `&lt;var&gt;` 和 `&lt;/var&gt;` 变量名,通常以斜体显示,表示变量或可替换的值...

    如何防止INPUT按回车自动提交表单FORM

    在网页设计中,表单(`&lt;form&gt;`)是用户与服务器进行交互的重要元素,而输入框(`&lt;input&gt;`)则是用户输入数据的主要界面组件。然而,浏览器默认的行为是,当用户在单个输入框中按下回车键时,会触发表单的提交事件。...

    flex解决textarea,input不能输入中文的方法

    ### flex解决textarea,input不能输入中文的方法 在使用Flex进行Web应用开发时,有时会遇到一个让人头疼的问题:在非主应用程序环境下(例如嵌入到HTML页面中的SWF文件),textarea和input控件无法正常输入中文字符...

    HTML语法大全,适合初学者。

    27. **`&lt;INPUT&gt;`**: 创建表单输入字段,`TYPE`定义类型,`NAME`和`VALUE`设置字段名和初始值。 28. **`&lt;ISINDEX&gt;`**: 创建简单的搜索表单,已被废弃。 29. **`&lt;KBD&gt;`**: 表示用户输入的键盘文本。 30. **`&lt;LI&gt;`**...

    HTML常用代码标记

    59. `&lt;INPUT&gt;`:输入标记,创建表单中的输入控件,如`&lt;input type="text" name="username"&gt;`。 60. `&lt;ISINDEX&gt;`:页内搜索标记,允许用户在当前页面内进行搜索。 61. `infinite`:在`&lt;BGSOUND&gt;`中,表示无限循环...

    常用限制input的方法

    根据给定文件的信息,本文将详细介绍“常用限制input的方法”,主要涵盖如何通过不同的技术手段来对HTML中的`&lt;input&gt;`元素进行输入限制,确保用户只能输入特定格式或类型的数据。 ### 1. 防止按钮获取焦点时显示...

    禁止软键盘弹出,自定义键盘

    在移动设备上,软键盘是用户输入文本的常见方式,但在某些特定场景下,例如游戏、全屏应用或自定义输入界面,我们可能需要禁止软键盘自动弹出,并且使用自定义键盘来替代。本教程将详细介绍如何实现这一功能。 首先...

    用JS控制INPUT输入内容

    接下来,我们将详细介绍如何利用不同的JS方法来实现对`&lt;input&gt;`元素输入内容的控制。 ##### 1. 只允许输入英文字符 ```html &lt;input onkeyup="value=value.replace(/[\W]/g,'')"&gt; ``` **解析**: - `onkeyup`事件...

    js验证大全几乎覆所有javascript的验证方法

    &lt;input type="password" id="input2"&gt; &lt;input type="button" value="test" onclick="check()"&gt; &lt;/FORM&gt; &lt;script&gt; function check() { var pass1 = document.getElementById('input1').value; var pass2 = ...

    js限制input标签中只能输入中文

    为了限制用户只能输入中文,我们为`&lt;input&gt;`标签添加了`onkeyup`和`onbeforepaste`两个事件监听器。 `onkeyup`是键盘按键释放事件,每当用户释放键盘上的键时,就会执行这个事件关联的函数。这里使用了`value=value...

    js-文本框输入限制.docx

    在JavaScript中,对文本框(`&lt;input&gt;`)的输入进行限制是非常常见的需求,这有助于确保用户输入的数据符合特定格式,比如只允许输入数字、小数、字母等。以下是一些示例代码,展示了如何使用JavaScript实现不同类型...

    Android中EditText实现不可编辑解决办法

    当我们传入null时,EditText将不再响应任何键盘输入,从而达到不可编辑的效果。需要注意的是,这与`setOnKeyListener`不同,后者是用来注册一个监听特定按键事件的接口,而`setKeyListener`则是更底层的控制,它可以...

    JavaScript 经典代码大全

    这在某些需要检测键盘输入的应用中非常有用。 ### 10. 禁用缓存 在HTML头部加入以下元数据,可以禁止浏览器缓存页面: ```html &lt;meta http-equiv="pragma" content="no-cache"&gt; &lt;meta ...

    js各种限制input输入汇总

    如果希望某个输入框只能输入中文字符,并且在输入非法字符时给出提示,可以通过正则表达式和事件监听来实现。 **示例代码:** ```html &lt;input type="text" onkeyup="value=value.replace(/[-~]/g,'')" onkeydown=...

    JavaScript网页表单元素Input的高级用法

    通过上述示例可以看出,使用JavaScript可以实现对`&lt;input&gt;`元素非常精细的控制,这些技巧不仅可以提升用户体验,还能有效减少输入错误,增强表单的安全性。在实际应用中可以根据具体需求灵活运用这些方法,以满足...

    禁止手机自带键盘弹出 显示数字键盘

    标题“禁止手机自带键盘弹出 显示数字键盘”所涉及的核心知识点是自定义键盘和系统键盘的控制。在移动应用开发中,有时开发者为了提供更个性化的用户体验或特定功能需求,会选择自定义输入键盘替代手机系统自带的...

    javascript经典特效---密码的隐藏与显示.rar

    这个`&lt;input&gt;`元素默认会将所有字符以星号或圆点的形式显示,以隐藏用户输入的内容。 接下来,我们需要一个按钮来触发密码的显示和隐藏,比如: ```html &lt;button id="togglePassword"&gt;显示/隐藏&lt;/button&gt; ``` ...

Global site tag (gtag.js) - Google Analytics