「罫線」がカンタンにでる | main | Google マップを自分のサイトに貼り付けよう

ボタンのtypeが画像の場合のresetやsubmit

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と合わせます。

Comments

Post


ご利用のブラウザ、設定ではご利用になれません。

Trackbacks