css样式-ime-mode text-transform

时间:2022-02-06 02:20:56

今天遇到一个新的css样式: ime-mode   text-transform  有效小作用

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

个人认为其作用在使用disabled的时候比较多:在文本输入框的时候防止用户调用输入法汉字

<form >
    <input type="text"  style="ime-mode:disabled ">
</form>

此时该输入框不能输入中文

-------------------------------------------------------------------------------

text-transform 属性控制文本的大小写。

可能的值

描述
none 默认。定义带有小写字母和大写字母的标准的文本。
capitalize 文本中的每个单词以大写字母开头。
uppercase 定义仅有大写字母。
lowercase 定义无大写字母,仅有小写字母。
inherit 规定应该从父元素继承 text-transform 属性的值。

<form name="form1" method="post" action="">
    <input type="text" name="textfield" style="text-transform:uppercase">
</form>

输入的字母都为大写字母

如果text-transform和 ime-mode联合使用可实现字符输入的限制