プログラミング言語や環境設定を中心としたパソコン関連の技術メモです。
主にシステム開発中に調べたことをメモしています。TIPS的な位置付けで、気が向いたときにちまちま更新していきます。
HTML、エンターキーでsubmit時の仕様。
知らんかった。。
まさかテキストボックスの数でエンターキー押下時の動作が違うなんて。。
はずかしっ(*ノノ)

と言う訳で、以下の通りテキストボックスが1つのフォームと
2つのフォームで実験してみました。

◆テスト1
<html><head><title>test</title></head>
<body>
<form>
<input type="text" name="a" />
<input type="submit" name="b" value="submit" onclick="javascript:alert('aa');" />
</form>
</body>
</html>


◆テスト2
<html><head><title>test</title></head>
<body>
<form>
<input type="text" name="a" />
<input type="text" name="d" />
<input type="submit" name="b" value="submit" onclick="javascript:alert('aa');" />
</form>
</body>
</html>

二つの違いはテキストボックスの数だけです。
テキストボックス内でエンターキーを押した場合・・・
「テスト1」の方はなーんも出ません。
「テスト2」の方は「aa」のメッセージボックスが出ます。

onclick時のJavaScriptで入力チェックやっている方はご注意を。
フォーム内のテキストボックスが1つだけだとスルーしますよ。
スポンサーリンク
 
このエントリーをはてなブックマークに追加 

category:● HTML・CSS  thema:web制作 - genre:コンピュータ  Posted by ササキマコト 

  関連記事