ime-mode 屬性/樣式/取值/語法/格式寫法/簡(jiǎn)寫/用法[CSS教程手冊(cè)]

語法：

ime-mode：auto | normal | active | inactive | disabled

默認(rèn)值：auto

適用于：所有輸入文本框

繼承性：無

動(dòng)畫性：否

計(jì)算值：指定值

取值：

auto：: 不影響IME(input method editor)的狀態(tài)。
normal：: 正常的IME狀態(tài)
active：: 指定所有使用ime輸入的字符。即激活本地語言輸入法。用戶仍可以撤銷激活ime
inactive：: 指定所有不使用ime輸入的字符。即激活非本地語言。用戶仍可以撤銷激活ime
disabled：: 完全禁用ime。對(duì)于有焦點(diǎn)的控件(如輸入框)，用戶不可以激活ime

說明：

設(shè)置或檢索是否允許用戶激活輸入中文，韓文，日文等的輸入法（IME）狀態(tài)。

該屬性用于控制文本域輸入法狀態(tài)；
該屬性有被w3c標(biāo)準(zhǔn)移除的風(fēng)險(xiǎn)。
對(duì)應(yīng)的腳本特性為imeMode。

兼容性：

淺綠 = 支持
紅色 = 不支持
粉色 = 部分支持

Values	IE	Firefox	Chrome	Safari	Opera	iOS Safari	Android Browser	Android Chrome
Basic Support	6.0+	2.0+	4.0-42.0	6.0-8.0	15.0-27.0	6.0-8.3	2.1-4.4.4	18.0-42.0

示例：

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>ime-mode_CSS參考手冊(cè)_web前端開發(fā)參考手冊(cè)系列【CSS在線手冊(cè)-網(wǎng)站設(shè)計(jì)教程參考資料】</title>
<meta name="author" content="易網(wǎng),網(wǎng)站設(shè)計(jì),網(wǎng)站制作,網(wǎng)站建設(shè),www.dgyx668.com" />
<style>
#test{
	padding:50px;
	font:14px/1.231 georgia,宋體,arial,verdana,helvetica,sans-serif;
}
#test fieldset{
	margin:0;
	padding:10px;
	border-radius:5px;
}
#test fieldset legend{
	padding:3px 6px;
	border-radius:3px;
	background:#ddd;
}
#test ul{
	list-style:none;
	margin:0;
	padding:0;
}
#test li{
	padding:5px 10px;
}
#test .writebox{
	position:relative;
	overflow:visible;
	outline:none;
	width:200px;
	padding:4px 3px 5px;
	border:1px solid #999;
	border-radius:3px;
	box-shadow:1px 1px 2px rgba(0,0,0,.2) inset;
	background-color:#FFFFFF;
	color:#666666;
	font:14px/1.231 georgia,宋體,arial,verdana,helvetica,sans-serif;
}
#test .writebox:hover{
	border-color:#777;
	box-shadow:1px 1px 2px rgba(0,0,0,.4) inset;
}
#test .writebox:focus{
	border-color:#666;
	box-shadow:0 0 5px rgba(0,0,0,.5);
}
.auto{
	ime-mode:auto;
}
.normal{
	ime-mode:normal;
}
.active{
	ime-mode:active;
}
.inactive{
	ime-mode:inactive;
}
.disabled{
	ime-mode:disabled;
}
.title{
	font:bold 16px/1.5 georgia,simsun,sans-serif;
}
</style>
</head>
<body>
<h1 class="title">在下列輸入框輸入試試每個(gè)值的作用：</h1>
<form id="test" action="#" method="post">
	<fieldset>
		<legend>簡(jiǎn)單的表單</legend>
		<ul>
			<li><label>auto：<input type="text" class="writebox auto" /></label></li>
			<li><label>normal：<input type="text" class="writebox normal" /></label></li>
			<li><label>active：<input type="text" class="writebox active" /></label></li>
			<li><label>inactive：<input type="text" class="writebox inactive" /></label></li>
			<li><label>disabled：<input type="text" class="writebox disabled" /></label></li>
		</ul>
	</fieldset>
</form>
</body>
</html>