グローバル属性~“inputmode”属性

“inputmode”属性について

“inputmode”属性はフォーム関連要素や“contenteditable”属性が指定された要素に入力する時の入力モードを指定します。

主にスマートフォンなどのソフトウェアキーボード向けの機能で、入力に適した種類のソフトウェアキーボードを示します。

“inputmode”属性を指定していないや“inputmode”属性に対応していない場合はブラウザが適切なソフトウェアキーボードを選択します。この時、“input”要素である場合は“type”属性や“pattern”属性の値が参考にされます。

指定できる値

“none”はコンテンツが独自のキーボードを表示する場合など入力方法が他に提供されている場合に使用します。

サンプルコード

<form method="post" action="sample-formtag4.php" target="_blank">

<fieldset id="comment1">

<legend>平文用</legend>
<label>

感想：
<textarea name="hira" rows="5" inputmode="text">

この入力欄には平文で感想を書けます

</textarea>

</label>

</fieldset>
<fieldset id="comment2">

<legend>ポリュビオス暗号用</legend>
<label>

感想：
<textarea name="ango" rows="5" inputmode="numeric">

5545146443223147417614131522647246756176554357277634432527535275

</textarea>

</label>

</fieldset>
<p><input type="submit" value="送信する"></p>

</form>

平文用

感想： この入力欄には平文で感想を書けます

ポリュビオス暗号用

感想： 5545146443223147417614131522647246756176554357277634432527535275

＊送信すると入力内容が表示されます。