HTML、JavaScriptの初心者です。
インターネットの画面上で、全角半角を制御するような項目をおきたいと思っています。
画面は、あるツール(←海外製)を利用して、作成しているのですが、下記のソースで、
「Begin HTML Area」まではツールで自動生成、
「Begin HTML Area」からは、開発者が追加することが可能となっています。
やりたいのは、「testtest」という項目を画面上に一つおき、全角入力を認めない、
ということなのですが、以下のソースでは、全角半角の切り替えは
できない状態です。
「Begin HTML Area」以降を変更することで、実現することが可能か
教えていただけないでしょうか。
(ソース)
<html dir='ltr' lang='ja'>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>test</title>
</head>
<body>
<tr>
<td height='4' colspan='4'></td>
<td colspan='4' rowspan='3' nowrap='nowrap' valign='top' align='left'>
<input type='text' name='testtest' id='testtest' value="" style="width:71px; " maxlength='10' />
</td>
</tr>
<!-- Begin HTML Area TEST ここから追加できる-->
<html dir='ltr' lang='ja'>
<head><script language="JavaScript">
<input type='text' name='testtest' id='testtest' style="ime-mode:disabled; " >
</script>
</head>
<body></body>
</html>
<!-- End HTML Area ここまで追加できる -->
</body>
</html>
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
imeを制御するくらいなら、指定文字以外入力できないようにしておけば?
<script>
function check(obj){
var v=obj.value;
obj.value=v.replace(/[^0-9a-z]+/i,"");
}
</script>
<input type='text' name='testtest' onkeyup="check(this)" >
この回答への補足
回答ありがとうございます。
JavaScriptで、こんなこともできるんですね。
ただ、今回のクライアントからの要望としては、全角・半角を手動で切り替えたくない、ということなので、JavaScript等で制御できる方法があれば、教えていただけるとありがたいです。
(JavaScriptの基本的な部分を理解・調査できていない状態で聞いているのは大変申し訳ないのですが・・・)
No.1
- 回答日時:
今ひとつ質問内容がよくわかりませんが、要するに
style="ime-mode:disabled; "
がきかないという質問ですか?
IE独自仕様の属性みたいです。FireFoxでは有効みたいですが...
この回答への補足
回答ありがとうございます。
ソースの上部
<input type='text' name='testtest' id='testtest' value="" style="width:71px; " maxlength='10' />
の箇所に、
style="ime-mode:disabled; "
を追加すると有効だったのですが、ソースの下部では、style="ime-mode:disabled; "を後付けで追加できない、という内容です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- PHP PHPのエラーの解消法について教えて下さい。 1 2023/02/06 10:48
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- CGI perlで書いたcgiでsqliteの使い方を教えてください 2 2023/05/08 21:29
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
初心者です。gulpでコンパイル...
-
階層別の組織図の自動作成について
-
React hooksが値を返して配列変...
-
特定の文字列を複数抜き出した...
-
追加ボタンを押した際に ok ボ...
-
ジャバスクリプトについて。
-
GASでGoogleフォームの自動返信...
-
フロントエンドフレームワーク...
-
画面遷移を行わずに同一ページ...
-
セレクトを全て選択されていな...
-
ブックマークレットについて
-
①入力フォーム→②確認表示画面→③...
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
-
二次元配列を使って順位をだす...
-
iOSのみダブルタップが必要
-
jsで質問です。 displayプロパ...
-
var exports = exports || {}; ...
-
HTMLタグに複数のクラスを設定...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
二次元配列を使って順位をだす...
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
-
iOSのみダブルタップが必要
-
ジャバスクリプトについて。
-
画面遷移を行わずに同一ページ...
-
特定の文字列を複数抜き出した...
-
指定時間になったら、WEBサイト...
-
追加ボタンを押した際に ok ボ...
-
①入力フォーム→②確認表示画面→③...
-
スマホ上で、左右スワイプで次...
-
読み込んだQRコードをフォーム...
-
フロントエンドフレームワーク...
-
React hooksが値を返して配列変...
-
GASでGoogleフォームの自動返信...
-
初心者です。gulpでコンパイル...
-
階層別の組織図の自動作成について
-
HTMLで作った時報アプリが動き...
-
jQueryで同じクラス名のものを...
おすすめ情報