２．フォームのボタンに画像を使おう
フォームのボタンは普通、次のような感じになります。

▼
でも、ちょっと硬い感じですよね。オリジナルの画像を使ってみたいな、と思うこともありませんか？自分のページにあった色、形にしたいことありませんか？
▼
たとえばこんな感じ。

OKRESET
▼
Javascriptを使えば出来ます。ただ、相手がJavascriptが使えない環境の時はダメですが・・・。
▼
これは、Javascriptと画像を使います。ボタンに使う「ok.gif」と「reset.gif」を用意してください。名前は何でも良いんですが・・・。
まず、<HEAD>と</HEAD>の間に
<SCRIPT LANGUAGE="JavaScript1.1">
<!--
function wopen1(){
document.form1.submit()
}
function wopen2(){
document.form1.reset()
}
-->
</SCRIPT>

と書きます。フォームの部分は下のように書きます。
<FORM METHOD="post or get" ACTION="CGIやメールアドレス等" NAME="form1">
***　ここに入力フィールド　***
<A HREF="javascript:wopen1()"><IMG SRC="ok.gif" ALT="OK" WIDTH="画像のサイズ" HEIGHT="画像のサイズ" BORDER="0"></A>
<A HREF="javascript:wopen2()"><IMG SRC="reset.gif" ALT="RESET" WIDTH="画像のサイズ" HEIGHT="画像のサイズ" BORDER="0"></A>
</FORM>

上の枠の中と下の枠の中を比べてもらうと判ると思いますが、「ok.gif」をクリックするとJavascriptの「wopen1()」にリンクが貼られていますので、「form1」に「submit」か返されます。これで「ＯＫ」が実行されます。
「ＲＥＳＥＴ」も同様です。

戻る