首页 > 其他分享 >CSS文本框输入法自动切换

CSS文本框输入法自动切换

时间:2023-05-29 13:01:25浏览次数:29  
标签:中文 ime 输入法 文本框 mode 激活 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 并不支持这一样式单属性

标签:中文,ime,输入法,文本框,mode,激活,CSS,切换
From: https://blog.51cto.com/u_16131764/6370160

相关文章

  • css 布局 自然换行,最后一行左对齐
    参考CSSflex布局最后一行左对齐的常用方法感谢这位博主代码.list{ display:grid;//← justify-content:space-between;//← grid-template-columns:repeat(auto-fill,@item-width);//← grid-gap:10px; .item{ width:@item-width;//← height:338......
  • 对输入法或搜索类软件产品的评价
    微软拼音输入法1.从用户的角度考虑输入法是电脑自带的微软输入法,使用起来非常简洁,而且使用起来非常方便,无需另外下载输入法。2.记住用户的选择对于输入拼音的词语匹配很好,对于一些大家都常用的词汇都放在前面。不过有的时候自己最近输入的一些词汇并没有放在最前面,而是比较靠......
  • 前端页面Table CSS实现固定表头表首行和固定列拖动固定
    需要用到的2个属性table-layout:fixedposition:stickytable-layouttable-layout属性有两种特定值:auto(预设值)-表格的总宽度决定每一个储存格(cell)的最大值fixed-表格的总宽度决定于表格width的定义,以及各栏位(column)width的定义为了让表格呈现滚动效果,必须设定table-......
  • css实现多行文字超长,显示..., 添加展开,收起
    效果如下:展开的样式:Alevel小程序,页面路径:pages/contestDetail/contestDetail实现思路:展开,收起分别写两套样式收起:展开:xml代码:<viewclass="text-expansion"wx:if="{{!showDes}}"><viewclass="text-expansion__text">......
  • 用Python开发输入法后台(6)——怎么判断是否按了单个键
    有时候我们需要判断是否按了单个键,比如按单shift键,进行中英文切换,但是shift+字母就表示输入大写字母,那么怎么区分这两种情况呢? 我想了一个办法,按下shift时记录shift键被按下,此时如果又按下其他键,就记录其他键被按下,最后当shift抬起的时候,判断是否按了其他键,......
  • CSS笔记
    概述简介:用于设置文本内容,图片外形,版面的布局和外观显示样式。组成:css由选择器及声明两个重要部分组成语法:选择器{声明},声明为键值对形式,选择器分为基础选择器复合选择器引入方式:行内样式表(行内式):在标签内部的style属性中设定css样式内部样式表(嵌入......
  • Kali汉化和安装中文输入法和终端设置
    一、kali的汉化1、在kali的命令行工具输入 dpkg-reconfigurelocales之后按enter键,出现2的界面注:整个命令只有一个空格2、按键盘上下键选择这三个字符编码:en_US.UTF-8、zh_CN.GBK、zh_CN.UTF-8注:按空格键选择,会变成*号,三个都选择之后,按table键选择ok(重要:这个位置一定要......
  • 用Python开发输入法后台(5)——数据结构
    全部汉字我从网上收集了一些资料,构建了一个<全部汉字.json>文件,文件格式如下所示:{"吖":[["aa","ya"],"szhdps"],"呵":[["aa",......
  • 直播软件搭建,css设置滚动条样式
    直播软件搭建,css设置滚动条样式设置滚动条样式/*滚动条样式*/    ul::-webkit-scrollbar{/*滚动条整体样式*/       4px;   /*高宽分别对应横竖滚动条的尺寸*/      height:4px;    }    ul::-webkit-scrollbar-thumb......
  • 如何在Angular应用程序中插入自定义 CSS?这里有答案!
    KendoUIforAngular是专用于Angular开发的专业级Angular组件,telerik致力于提供纯粹的高性能AngularUI组件,无需任何jQuery依赖关系。KendoUIR12023正式版下载Telerik_KendoUI产品技术交流群:726377843    欢迎一起进群讨论为什么需要在Angular应用程序中插入自定义C......