用CSS禁用输入法

最新推荐文章于 2024-05-09 14:42:12 发布
最新推荐文章于 2024-05-09 14:42:12 发布
阅读量1.1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Earl_yuan/article/details/9008727
版权

用简单的一行CSS就可以在表单元素里禁用输入法。

01<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
02<html xmlns="http://www.w3.org/1999/xhtml">
03<head>
04<title>TEST</title>
05<style type="text/css">
06.ime-disabled {
07ime-mode: disabled;
08}
09</style>
10<script type="text/javascript">
11</script>
12</head>
13<body>
14<input type="text" /><br />
15<input class="ime-disabled" type="text" />
16</body>
17</html>

不一定兼容所有浏览器，目前测试过并且支持ime-mode的有IE6和FF。

Earl_yuan
关注
用CSS禁用输入法(CSS3 UI规范)实例解析
12-13
禁用输入法属性ime-mode是CSS3中最新添加的属性，更准确点说，是CSS Basic User Interface Module Level 3 (CSS3 UI)规范新添加的属性。但是IE浏览器从IE5开始就支持该属性，FireFox浏览器从FireFox3.0开始也支持该ime-mode属性。不过chrome、opera、Safari浏览器还没有开始支持该属性。该属性可以控制文本字段的输入法编辑器的状态： 名称: ime-mode 值: auto | normal | active | inactive | disabled | inherit 初始值: auto
css 禁止录入中文
weixin_30407099的博客
01-24 153
1.情景展示 　　如何禁止输入框，输入中文字符？ 2.解决方案 　　IE浏览器，可以使用ime-mode来实现 UpdateTime--2016年12月15日19:52:16 　　/*屏蔽输入法，可以用来禁止录入中文*/ 　　ime-mode:disabled; //IE兼容，chrome不兼容 　　<input type="text" name="mobile"...
css 笔记——设置禁用中文输入法
weixin_30871701的博客
01-04 196
ime-mode ime-mode的语法解释如下： ime-mode : auto | active | inactive | disabled 取值： auto : 默认值。不影响IME的状态。与不指定 ime-mode 属性时相同 active : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME inactive : 指定所有不使用IME输入的字...
如何禁止一个输入框输入
diaochejiang2761的博客
06-02 170
如何禁止一个输入框输入 输入框禁止输入 昨天遇到一个问题，需求是一个 输入框 只准点选赋值，不可以手动输入。 开始随手写了一个 ：<input type="text" name="input" class="txt bthday"onkeydown="...
用CSS关闭烦人的文本框输入法
weixin_30823001的博客
02-12 129
前几天看了UCDChina上面一篇“登录框的报错反馈”，其中提到的关于验证码的部分深有感触，刚好今天遇到了一个类似的问题就Google了一下，找到了一个关闭文本框输入法的方法。 不说了先上杯具图 解决办法:<input id="yzm" style="ime-mode:disabled"> //限制用户可输入的内容限制为英文字母和数字，即关闭输入法 详解 ime...
文本框css关闭输入法
10-30
/* 使用CSS禁用输入法 */ .no-chinese { ime-mode: disabled; } 用户名: 密码: 提交 ``` ##### 3.2 CSS样式 在此示例中，我们创建了一个名为`.no-chinese`的CSS类，并将`ime-...
CSS的ime-mode屏蔽中文输入法
03-31
1. `auto`（默认值）：根据用户的系统设置自动启用或禁用输入法。 2. `normal`：允许用户通过输入法输入文字。 3. `inactive`：禁用输入法，用户无法通过输入法输入文字，但可以通过其他方式（如复制粘贴）添加文本...
javascript中文本框中输入法切换的问题
10-26
- `disabled`：完全禁用输入法，有焦点的输入框中用户不能激活输入法。 使用`ime-mode`属性的语法非常简单，直接在相应的`<input>`标签中设置`style`属性即可，例如： ```html ;"> ``` 这样设置后，文本框会激活...
使用css禁用input
hu104160112的博客
01-14 4042
普通禁用 使用 disabled 属性 <input type="text" disabled> 使用css input{ pointer-events: none; }
css禁止某个元素内容里面禁止输入和点击
最新发布
前端路上坎坎坷坷，总有一天站在顶峰仰望世界！！！
05-09 410
【代码】css禁止某个元素内容里面禁止输入和点击。
css控制输入法状态
Olizee的专栏
09-07 781
ime-mode : auto | active | inactive | disabled 语法取值     auto :　 默认值。不影响IME的状态。与不指定 ime-mode 属性时相同 。     active :　 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME 。     inactive :　 指定所有不使用IME输入的
readonly禁止用户输入 ，disabled禁用按钮，input:hidden的作用
qq_59076775的博客
10-18 378
1.在css中禁止用户输入内容要输入什么命令 命令:readonly： 作用:对文本框实现禁用 <form action="form_action.asp" method="get"> Name:<input type="text" name="email" /> Country:<input type="text" name="country" value="China" readonly="readonly" /> <in...
使用CSS使文本输入不可编辑
qq_43067585的博客
05-29 1551
在HTML中可以使用readonly属性创建不可编辑的文本输入。而在CSS的情况下，可以使用pointer-events属性使文本输入不可编辑。下面本篇文章就来给大家介绍一下，希望对大家有所帮助。 CSS pointer-events属性是一个指针属性，可以使用以下语句来停止指针事件，让文本输入不可编辑。 pointer-events：none; 示例：此示例显示两个输入文本，其中一个是不可编辑的。 <!DOCTYPE html> <html> <head&
一行css代码实现禁用事件触发
濮家大少
02-17 468
.disabled-trigger pointer-events:none; } 作用： 禁用默认事件，冒泡事件，鼠标事件，键盘事件等
(css必看)禁止用户拖动，禁止选中复制，禁止输入框输入
大雾起了清晨
05-12 1249
​ 目录 特殊的css，下面每一个都必须了解 1.user-select属性可以设置是否允许用户选择页面中的图文内容； 2.user-drag属性可以设置是否允许页面元素拖拽。 3.user-modify属性可以设置是否允许输入框输入内容 特殊的css，下面每一个都必须了解 1.user-select属性可以设置是否允许用户选择页面中的图文内容； user-select不可被用户选中__揽的博客-CSDN博客 user-select: none; 2.user-drag属性可以设置是否允
[CSS]浏览器IME输入法控制禁止输入中文
热门推荐
李大仁博客
08-16 1万+
通常的HTML开发过程中text类型input控件禁止输入中文控制一般通过js来实现，通过判定用户录入的文本的字符编码的范围来选择是否被输入到控件来实现。在CSS3.0下可以直接使用样式来控制输入控件的输入法设置，通过设置对象样式的ime-mode即可，可选设定值为：auto：不影响IME的状态。active：指定所有使用ime输入的字符。即激活本地语言输入法。用户仍可以撤销激活imeinacti
文本框禁用输入法
u010403387的专栏
08-18 3728
在CSS中style="ime-mode:disabled"可以禁用输入法, 用脚本控制：obj.style.imeMode = 'disabled';  ime是Input Method Editor的简称。它是一种专门的应用程序， 用来输入代表东亚地区书面语言文字的不同字符。 使用此种输入法，不需特殊的键盘（对应各种语言的键盘）即可输入东亚诸国（如中文、日文、韩文、俄文等）的各种
输入框禁用中文输入法
05-30
要禁用输入框的中文输入法，可以通过以下几种方法实现： 1. 使用 HTML 的 input 标签的 inputmode 属性，将其设置为 "numeric" 或 "tel"，这样输入框就只能输入数字或电话号码，无法使用中文输入法。 ```html <input type="text" inputmode="numeric"> ``` 2. 使用 JavaScript 监听输入框的 keydown 和 keyup 事件，在事件回调函数中判断输入的字符是否为中文字符，如果是则阻止默认行为。 ```html <input type="text" id="input"> <script> var input = document.getElementById('input'); input.addEventListener('keydown', function(event) { if (/[\u4e00-\u9fa5]/.test(event.key)) { event.preventDefault(); } }); input.addEventListener('keyup', function(event) { if (/[\u4e00-\u9fa5]/.test(event.key)) { event.preventDefault(); } }); </script> ``` 3. 使用 CSS 的 ime-mode 属性，将其设置为 "disabled"，这样输入框就无法使用中文输入法。 ```html <style> .input { ime-mode: disabled; } </style> <input type="text" class="input"> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值