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

【HTMLのフォーム】

<form action="next.php">
<input type="text" name="input1" />
<input type="submit" name="戻る" onclick="backScript(prev.php);" />
<input type="submit" name="進む" />
</form>

としています。

backScript()
は、<form>のactionを書き換えるJava Scriptです。

この状態でブラウザを開いて
<input type="text" name="input1" />に文字を入力して、
エンターキーを押すと、[戻る]submitボタンが反応して、ひとつ前の画面に戻ってしまいます。

[戻る] [進む]
のボタン位置を変えないで、エンターを押したときに、進むようにするにはどうすればいいでしょうか?


Win IE 6?7
Win Firefox 1?2
Mac Safari
Mac Firefox 1?2
に対応押してください。

●質問者: caster777
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:firefox HTML IE Java Mac
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● newta
●20ポイント

フォームに名前を付けて、

(たとえばform1)


<SCRIPT Language="JavaScript"></p> <p><!--</p> <p>function change(){</p> <p>if (event.keyCode == 13){</p> <p> document.form1.submit();</p> <p> return false;</p> <p>}</p> <p>//--></p> <p></SCRIPT>

こんな感じのjavascriptでどうでしょうか。

http://q.hatena.ne.jp/1227010776

◎質問者からの返答

ありがとうございます。


2 ● b-wind
●35ポイント ベストアンサー
<form action="next.php" method="GET">
<input type="text" name="input1" />
<input type="button" value="戻る" onclick="backScript(prev.php);this.form.submit();" />
<input type="button" value="進む" onclick="this.form.submit();"/>
</form>

こんなの?

◎質問者からの返答

具体的にありがとうございます。

解決しました。


3 ● kaijikaiji
●25ポイント

「戻る」ボタンを type="submit" ではなく type="button" にすれば実現できると思います。

◎質問者からの返答

ありがとうございます。

関連質問


●質問をもっと探す●



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