inputのtype="image"とonclickを併用すると、onclickが効かないらしい。(T ^ T)2008/8/20

新しい記事へ»

--------------------------------------------------------

フォーム内のリセットやsubmitボタンは、type属性に"reset"や"submit"を指定すればOK

<input type="reset" value="リセット" />

<input type="submit" value="submit" />

なのですが、画像のボタンにする場合、 type="image" src="btn.gif"となるので、 type部分が埋まってしまいます。

こういう場合のresetやsubmitの指定は、onclickでできます。

■サンプル

■ソース

<input type="image" src="reset.gif" value="リセット" onclick="this.form.reset(); return false;" />

<input type="image" src="btn.gif" value=" submit " onclick="this.form.submit(); return false;" />

※this.form.reset()、this.form.submit()
formの部分は、formタグのnameと合わせます。