フォーム送信後のダブルクリック防止

検索フォームなどで、送信ボタン押下後、結果が表示されるまで
少し時間がかかる場合は、ダブルクリックも防止するために、
送信ボタンを無効にし、また見た目も変えたほうが分かりやすい。

――――――――――――――――――――――――――――――――――――
<input type="submit" value="検索する">
↓
<input type="button" value="検索する" onClick="this.disabled=true; this.value='検索中...'; this.form.submit();">
――――――――――――――――――――――――――――――――――――

なら１行書き換えるだけで、実現できる。
<button> タグを使って画像を使用している場合はちょっと長くなる。

――――――――――――――――――――――――――――――――――――
<button type="button" onClick="this.disabled=true; document.getElementById('btn1').src='searching.gif'; this.form.submit();">
<img id="btn1" src＝"search.gif">
</button>
――――――――――――――――――――――――――――――――――――

search.gifが送信前、searching.gifが送信処理中の画像です。

[kawanet]

src＝"search.gif" の部分は実際には全角＝でなく、半角 = です。 Yahoo! ブログのバグか、半角 = だと勝手に書き換わってしまうので。 なんだこりゃ。

[Irisawa]

Wiki文法と競合してしまっているのではないでしょうか。