人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

入力フォームで、自動的に数字とか全角カナなどに変更したいのですが、googleChromeでは出来ないのでしょうか?

●質問者: bassfan
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● パパトモ
●0ポイント

ブラウザで表示して・・・ということでしょうか。
それならcssで指定できます。

http://www.tagindex.com/stylesheet/form/ime_mode.html


パパトモさんのコメント
あー、でも、実際にやってみると駄目駄目な感じですね。

2 ● sasada
●0ポイント

数字入力は、formのinput要素で

<input type="number" name="ほにゃらら">

とすることで出来ると思いますが。。。
cssの「ime-mode」は、現在のchromeでは対応していなかったはずです。入力時にIMEをONには出来ないんじゃかなったかなぁ。


3 ● ジント兄さん
●100ポイント ベストアンサー

非サーバサイドでやるなら、JavaScriptでやるのが最も現実的だと思います。
ヨモツネットさんのvalueconvertor.jsがよくできています。
http://www.yomotsu.net/lab/?p=23

ただ、現在の時点ではダウンロードのリンクをたどると404エラーになるので、
そこは何とかする、たとえば、
http://css-happylife.com/archives/2011/0630_0300.php
のサンプルページで使っているのを拾ってくるとかね。

<!DOCTYPE html>
<script src="valueconvertor.js"></script>
<textarea class="ascii fullwidth-kana"></textarea>
というHTMLを書いてこちらの手元で確認したらちゃんと動きました。
複数のclassを指定してもいけるみたいです。

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ