すいませんおせーてください
で、ダブルポストです
すんごく初心者の質問かもしれません
よくある、資料請求系のページで
名前、住所、TEl、メアド・・・
とか入れていく仮定において2つ質問があります。
1
ある項目(例えばテキストボックス)を入力して
次の項目に映る時タブキーを押すと移動するのはわかるのですが、それがエンターキーで次の項目に移動できるようにはできるのですか?
送信を押したのと一緒の扱いになってしまうので何とかならないかな?と
2
もう一つは漢字モードと半角モードを自動的に
そのテキストボックスにフォーカスした時に
決めれるのですか?
2は出来た記憶があるのですが、どこにその説明が
あったかわかりません
1はわかりませんでした。
<form >で行うやり方はわかったのですが、
資料請求なので、あらかじめ
<form action=メールを送るcgi>
お名前input
住所input
送信キー
</form>
とformで囲っているため
多分
<form action=メールを送るもの>
<form action=エンターで次に移動するもの>
お名前input
住所input
送信キー
</form>
</form>
という囲いができないですよね?(←勘違いかもしれませんが)
<form>
</form>
<form>
</form>
ならOKですが・・
でjavascriptでできるのかな?と思ってダブルポストです。
どこかのURLでも構わないので教えてくださいませんか?
No.1ベストアンサー
- 回答日時:
1.
以下のjavascriptと、そのページの<BODY>タグにonkeyDown="ChgKeyCode()"を記述します。
*****javascript****
function ChgKeyCode(){
if (!(event.srcElement.type == "button" || event.srcElement.type == "submit")){
if (event.keyCode == 13){
event.keyCode = 9;
}
}
}
ボタンであれば、送信を押した扱になります。
2.
テキストボックスでstyle="ime-mode: active;"を記述します。
ちなみに
active :初期値が日本語入力モードになります。
inactive :初期値が英数字入力モードになります。
disabled :英数字入力モードになります。ユーザーの操作によるモードの変更はできません。
いかがでしょうか?
<html><head>
<TITLE></TITLE>
<script type="text/javascript">
function ChgKeyCode(){
if (!(event.srcElement.type == "button" || event.srcElement.type == "submit")){
if (event.keyCode == 13){
event.keyCode = 9;
}
}
}
</script>
</head>
<BODY onkeyDown="ChgKeyCode()" >
<form action="./mail.cgi">
<INPUT size="20" type="text"><br>
<INPUT size="20" type="text" tabindex="1"><BR>
<INPUT size="20"><br>
<input name="c" type="radio"><br>
<input name="d" type="checkbox"><br>
<input type="button" name="e" value="送信">
</form>
</body>
</html>
これでいいんですよね?
なんか上手くいかないんですけど
(リターンもタブも反応しない)
なんか間違ってますか?
2についてはいけると思います。
ありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- PHP PHPでCookieを使った訪問回数について 1 2023/05/28 14:10
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- CGI htmlからパラメータで、cgiに渡したい。 1 2023/02/06 16:15
- PHP PHPでユーザー情報を入力して簡易ログイン機能をつくってみたのですが 1 2023/05/29 08:51
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
submitした値を返したい
-
FormのonsubmitでJavaスクリプ...
-
ENTERキーを無効にしたいのです...
-
リンク先アドレスの一部にテキ...
-
foreachの中で、リンクをPOST送...
-
[javaScript] form action
-
1つのformで複数のactionをボタ...
-
JavascriptからSubmitして画面...
-
javascript による POST 送信時...
-
別窓ウィンドウから親ウィンド...
-
フォームが空欄の時にフォーム...
-
ファイル選択と同時にアップロ...
-
複数のフォームを一括で自動送...
-
submitボタン押下後、disabled...
-
ブログのタグ挿入の入力支援
-
Java Scriptでホームページにパ...
-
inputのvalueを変数として使うには
-
formのsubmitイベントの発生に...
-
1つのform内に2つのsubmitボタ...
-
同意チェックボックスはひとつ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
javascriptでASPにデータを渡す
-
1つのform内に2つのsubmitボタ...
-
iframe内のformをサブミットす...
-
複数のフォームを一括で自動送...
-
submitした値を返したい
-
FormのonsubmitでJavaスクリプ...
-
1つのページにformを2つ設置。2...
-
フォームが空欄の時にフォーム...
-
指定したタグを書き換えるには?
-
別ウィンドウへのsubmitの挙動...
-
テキストボックスに任意のURLを...
-
focus()が上手くいかない
-
submitボタン押下後、disabled...
-
javascript による POST 送信時...
-
同意チェックボックスはひとつ...
-
onclickでリストボックスを複数...
-
this.formがundefined
-
POST時に要素を削除してからPOST
-
添付ファイルの未選択チェック方法
-
1つのformで複数のactionをボタ...
おすすめ情報