formタグで、エンターキーを押したときに送信しないようにする
kazinaが作ってるWebサービスやソフトについての情報、プログラミングのメモなどをたまに。あとはAGAT18Kなどカメラやシルバーアクセ作りについて、映画についてなどなど駄文です。 formタグ内の、特にテキストフィールド（type="text"）などでエンターキーを押すと、送信ボタンをクリックしたのと同じ動作になってしまいます。そのまま送信すればいい場合は便利ですが、input type="submit"ではなく、buttonタグとJavaScriptを組み合わせて事前チェックなどを行っていた場合は送信されては困る場合があります。 マチウケメール便もボタンをクリックした時はAjax処理がメインで送信はほとんど使っていません。 基本的には、formタグ内にsubmitが無ければエンターキーを押しても送信はされません。submitというのは<input type="submit">、ある
Enterキーを打ってもsubmit（送信）しないようにするには | Netsphere Laboratories
2004.11.06新規作成。 HTMLフォームで、submit（送信）ボタンを押さずにデータが送信されてしまうことがある。用途によってはその方が使いやすいこともあるが、編集中に意図せず送信されてしまうこともあるので、この動作を抑止したい。どうするか。 submitボタン まず、submitボタンがあるかどうか。submitボタンがあるとき、input[type="text"]で生成されるテキストコントロール内でEnterキーを打つと、フォームデータが送信される。 例えば、次のようなフォームの場合。テキストコントロールが一つでも二つ以上でも同じであり、IE / Mozillaとも同じように振る舞う。 <form action="test"> <input type="text" name="a"> <input type="text" name="b"> <input type="subm
エンターキーの押下でフォームの送信を行わないようにする : blog.nomadscafe.jp
エンターキーの押下でフォームの送信を行わないようにする エンターキーの押下でフォームの送信を行わないようにするJavaScript。 オライリーの「JavaScript & DHTML クックブック」に載ってたりするわけだが、 function BlockEnter(evt){ evt = (evt) ? evt : event; var charCode=(evt.charCode) ? evt.charCode : ((evt.which) ? evt.which : evt.keyCode); if ( Number(charCode) == 13 || Number(charCode) == 3) { return false; } else { return true; } } こういうコードを書いて、 <input type="text" name="search" onkey
Enterキーでフォームが誤送信されるのを防ぐ方法 [ホームページ作成] All About
フォームの入力欄にカーソルが入っている状態(＝フォーカスがある状態)で[Enter]キーを押すと、フォームの内容が送信されることがあります。これは、[Enter]キーの押下が「フォームの送信ボタンを押す操作」と同じように扱われる場合があるためです。 検索窓などのように1項目しか入力欄がない場合ならこの仕様は便利でしょう。しかし、入力欄が複数個あって、未入力項目が残っている状況で送信されてしまうと困ります。 下記に、[Enter]キーだけで送信されてしまう入力フォームの例を2つご紹介いたします。 ■[Enter]キーの押下で、送信ボタンを押したことになる例： 下記に掲載した3つのテキスト入力欄のうち、どれか1つをクリックして入力欄内にカーソルを入れた後、キーボードの[Enter]キーを押してみてください。少なくとも代表的なブラウザでは、下部に用意された「送信する！」ボタンをクリックしなくても
![Enterキーでフォームが誤送信されるのを防ぐ方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/ea28458947035511d6b420b4ceec4cc6ebdd87a9/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F7%2F2%2F201611211316%2Ftopimg_original.png)
Programming Magic is under construction
Thank you for being patient. We are doing some work on the site and will be back shortly.
buttonタグの落とし穴 - 重箱のスミガキ
ウノウさんやPHPSPOT開発日誌さんでも紹介され、私も普段大いに活用させてもらっているbuttonタグだが、ものすごく今更ながらに、万能でもないことがわかった。 何かというと、 enter（return）キーで、submitされてしまうこと。 ちなみに、同form内にinput（textなど）タグを使用しているとき。 これは別にbuttonタグだから、というわけでもない。 input のtype="submit"でも、同様の問題がある。 が、いかんせん、inputタグの方は、いわば標準的なボタンのタグなので、JavaScriptなどを使い対応されている方も多い。 また、enterキーがsubmit扱いになるのは、ブラウザどころかOSレベルでの仕様だったりもする。 けど、たとえば、コミュニティサイト新規開発において、会員登録させたい場合、idやメールアドレスを入力させたいことも多いだろう。
MacのFirefoxのフォームで、TAB移動ができなくて困ってた - こんにちはこんにちはmonmonです！
Mac始めました: フォームの入力について ウインドウズの場合、Tabを押していくと、各項目に順番にチェックボックスに項目が移動し、チェックボックスやsubmitボタンにもフォーカスが当てられます。 これがMacだと、テキストエリア以外にはTab移動でフォーカスが移らないんですよね。 テキストエリア最後でTabを押すと、なぜかURL入力欄にフォーカスが移動してしまう。 まさに同じ状態で困ってました。 と言うか、そういうものなのかと思い、調べもせずでしたね。 で、たまたま Blog not found を見る機会があり、 Safari の TAB キーも、フォームの要素を移動するためのものだそうです。が、次のように、"タブキーを押したときに WEB ページ上の各項目を強調表示" オプションを ON に変更すれば、その動きを変えることができます。 というのを見て、Safariで試し「おぉ！」と
CSSStickyFooterに学ぶCSSでフッターを最下部に固定するテクニック - F.Ko-Jiの「一秒後は未来」
ブラウザの下部にフッターを固定表示する『CSS Sticky Footer』 | CREAMUで紹介されていたNew CSS Sticky Footer – 2009がなかなか便利そうだったので、どんなテクニックを用いているのか調べてみました。 HTMLタグはたとえば次のような構造です。 ↑ #mainを#wrapで包み、#wrapと#footerが同階層にあります。 これにCSSを適用すると、次のようなレイアウトになるようです。 ↑ #mainの下部にpaddingをフッターの高さと同じだけ確保し、同じ値で#footerの上部にネガティブマージンをとっているようです。 ページの最下部にフッターを固定する方法はいくつかあると思いますし、自分でも試行錯誤してやっていますが、一つ便利な方法を知っておくと役立つかと思います。 clearfixなど、完全なCSSとサンプルはNew CSS Stic
インフルエンザ総合スレ おれらがこの先生きのこるには:アルファルファモザイク
インフルエンザQ&A、インフルエンザの流行地域、発症したか分かるチェックシート 免疫力を高める方法、予防方法、治し方、風邪に効く民間療法、風邪に効果的な食べ物 夜間・休日の当番医などを知りたければ、テンプレ>>2以降のリンクをご覧ください。 FAQ 【自分がインフルエンザを発症したか分かるチェックシート】 補足：迅速診断キットの普及によりインフルエンザに罹患した患者（成人）で約2割の人が38度以上の高熱を出さないことが確認されています。 http://influenza.elan.ne.jp/action/check.php 【インフルエンザに罹患後、どのくらいの期間学校あるいは職場を休めばよいのでしょうか？ または、症状が出てから何日ぐらいまで他の人へうつす可能性が高いのでしょうか？】 http://idsc.nih.go.jp/disease/influenza/fl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
自分なりに「余裕を持って働く方法」を考えてみた | necoze LOG2 [ネコゼログログ]![自分なりに「余裕を持って働く方法」を考えてみた | necoze LOG2 [ネコゼログログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2302e44c95c7e474fefb218540004f95dc47a4bb/height=288;version=1;width=512/https%3A%2F%2Fimaging.jugem.jp%2Ftemplate%2Fimg%2Fjugem_og-image.png)
http://hpbuilder.net/weblog/2009/01/25135938.html