2010年6月25日金曜日

form の提出ボタンの作り方

<input type="submit" value="submit!!">
<input type="image" src="image.jpg">

<button type="submit">submit!!</button>
<button type="submit"><img src="image.jpg"></button>

(JavaScript を使用する場合)
<input type="button" value="submit!!" onclick="document.myForm.submit();">
<button type="button" onclick="document.myForm.submit();">submit!!</button>

<input type="image" src="image.jpg"> が提出ボタンなのは
名前からわかりづらく、落とし穴ではないだろうか。

JavaScript で入力内容チェックをかけた後に送信する場合、
提出ボタンの規定の動作として送信が行われるため、
JavaScript 内で submit メソッドは使わない・使う際は規定の動作をキャンセルする必要がある。
例えば onclick="check(); return false;" のように。
onsubmit については IE で問題があるという話を見かけたので、調べないと使えるかどうかはわからない。

参考サイト
Forms in HTML documents (ja)

0 件のコメント:

コメントを投稿