`
jaesonchen
  • 浏览: 309976 次
  • 来自: ...
社区版块
存档分类
最新评论

CSS文本框输入法自动切换

 
阅读更多

<html> 
<input id="test1" name="test1" style="ime-mode:disabled"></input> 
<input id="test2" name="test2" style="ime-mode:active"></input> 
<input id="test3" name="test3" style="ime-mode:inactive"></input> 
<input id="test4" name="test4" style="ime-mode:auto"></input> 
</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 。

示例:

input {ime-mode: auto; }

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

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

分享到:
评论

相关推荐

    javascript中文本框中输入法切换的问题

    特别是在中文与英文等其他语言输入之间切换时,可能会出现输入法切换不及时或者不准确的问题。JavaScript作为一种广泛使用的网页脚本语言,可以用来控制和优化这一过程。 首先,需要了解的是,早期的IE浏览器中,有...

    文本框css关闭输入法

    ### 文本框CSS关闭输入法知识点详解 #### 一、背景与应用场景 在网页开发过程中,有时会遇到需要限制用户输入非英文字符的情况。比如,在一个仅需输入数字或英文字符的表单字段中,如果允许用户输入中文或其他语言...

    车牌输入框用于输入车牌号码

    5. **自动补全**:为了提高用户体验,可以提供省份或城市代码的自动补全功能,用户输入首字母后,系统自动填充对应的代码。 6. **错误提示**:当用户输入不符合规则的车牌号码时,应有明确的错误提示,如“车牌号码...

    关于文本框的一些限制控制总结~~

    除此之外,还可以通过JavaScript动态改变`ime-mode`的值,允许用户在需要时切换输入法状态: ```html &lt;!-- function change(oButton) { var obj = document.all.txt; if (obj.style.imeMode == "disabled")...

    HTML中让表单input等文本框为只读不可编辑的方法

    这是一个较少使用的方法,通过设置CSS属性ime-mode为disabled,可以禁用文本框的输入法编辑器。这种方法可能对中文输入法有效,但兼容性并不好,许多现代浏览器已经不再支持这一属性。因此,它不是推荐的做法。示例...

    办公自动化 第15章.pptx

    用户需要先将输入法切换到五笔模式,然后根据每个汉字的五笔编码输入相应的字母,如“长”的编码为“ta”,输入完成后按空格键确认。对于二级简码的汉字,输入前两个编码即可。用户需要熟悉各个汉字的五笔编码,并能...

    《程序天下:JavaScript实例自学手册》光盘源码

    3.15 文本框的自动全选 3.16 文本框滚动导航 3.17 按钮获取焦点 3.18 文本框获取焦点弹出下拉框 3.19 文本框简单的单击效果 3.20 文字的打字效果 3.21 文字滚动 3.22 文字滑动 3.23 文字跳动特效 3.24 荧光效果的...

    程序天下:JavaScript实例自学手册

    3.15 文本框的自动全选 3.16 文本框滚动导航 3.17 按钮获取焦点 3.18 文本框获取焦点弹出下拉框 3.19 文本框简单的单击效果 3.20 文字的打字效果 3.21 文字滚动 3.22 文字滑动 3.23 文字跳动特效 3.24 荧光效果的...

    高中计算机会考试题及答案-会考计算机试题.pdf

    8. 汉字输入方法的快捷键:在Word2000中,调入汉字输入法的快捷键包括Ctrl+空格(切换中英文输入法)、Ctrl+Shift(切换不同的输入法)。 9. PowerPoint幻灯片制作:幻灯片的编辑区域不包括状态栏、大纲区和备注区...

    javascript实现软键盘输入,兼容多种浏览器,测试通过

    1. **事件监听**:首先,我们需要监听用户的交互事件,如点击文本框(`&lt;input&gt;` 或 `&lt;textarea&gt;`)时触发软键盘的显示。可以使用`addEventListener`方法添加事件监听器,例如`addEventListener('focus', ...

    Javascript中最常用的经典技巧

    - 在某些特定的表单字段中,避免用户因为输入法切换导致的输入错误。 #### 六、强制显示在框架内 - **知识点**: 通过 JavaScript 检查当前窗口是否为顶级窗口(即是否在框架中),如果不是,则将当前页面重定向到...

    LightGUI一个轻量级的GUI

    Light Gui的新特性。 1图层和绘图: 支持多图层,使用与有多图层支持的处理器平台。 支持多图层的软件模拟,支持图层的alpha... 输入法支持,内建有适合 PC 平台的汉字(GB2312)输入法支持,包括全拼、智能拼音等。

    网页制作常见问题

    - **方法二**:切换至中文输入法的全角输入模式。 - **方法三**:在**代码视图**中直接输入HTML实体`&nbsp;`,每个`&nbsp;`代表一个空格。 #### 7. 在Dreamweaver CS5中创建空白文档的方法 - **常用方法**: - ...

    javascript资源

    - **应用场景**: 在需要输入英文或者不希望用户切换输入法的场景下使用。 - **示例代码**: ```html ``` - **解释**: 将 ime-mode 设置为 disabled 可以禁用输入法。 #### 五、强制保持在框架内 - **知识点**: ...

    常用限制input的方法

    这里通过CSS样式`ime-mode:disabled`和JavaScript代码共同作用,达到禁止使用输入法的效果。 ### 7. 输入URL地址 当需要用户输入网址时,可以通过设置名称和禁用输入法的方式确保用户正确输入。例如: ```html ...

Global site tag (gtag.js) - Google Analytics