IEの場合だけ、フォームでEnterを押してもうまく動作しない

他のブラウザでは問題ないのに、IE(6と7で確認)だけフォームで
Enterキー押した時にフォームがうまく動作しないので調べたみた。


理由はIEの場合、テキストボックスが1つしかないフォームでは、
Enterキーを押しても、submitボタンの情報がサーバに送信されないバグ(仕様?)らしい。


テキストボックスが2つあれば、最初のテキストボックスの情報は送信されるらしいので、
次のような感じでCSSで表示上、見えなくしたらよいらしい。


<form name="" method="POST" action="">
    <input type="text" name="" value="" />
    <input type="text" name="" value="" style="display:none;" />
    <input type="submit" name="" value="送信" />
</form>


■参考サイト


IE:フォームでEnterキー押したときの挙動
http://blog.goo.ne.jp/hazuki26/e/945c71cc5d21b2d3be72e73a194d5531


Form内でEnterキーによるSubmit ボタン値の送信
hhttp://www.atmarkit.co.jp/bbs/phpBB/viewtopic.php?topic=27786&forum=12


Javascript で IE のバグと戦う
http://espion.just-size.jp/archives/07/061182848.html


IE のフォームがタコい件について。
http://www.pastel-flower.jp/~isaki/input-type-submit.php

人気blogランキング ブログランキング・にほんブログ村へ Blog Entry ランキングへ投票 ブログ王 ブログランキング くつろぐ
最近流行のブログのように、簡単にオンラインショップが構築できちゃう、
Color Me Shop! pro】は、オンラインショップ構築の容易さだけではなく、
商品管理や決済も簡単にできちゃう初心者でも安心の機能を標準装備!
無料提供のショップブログとも連携できて月額875円〜。この機会に是非!

トラックバック

このエントリーのトラックバックURL:

コメントする