PHP & JavaScript Room :: 設置サンプル

<style type="text/css">
    /*
    input type="image"を使わず、スタイルシートでボタンの背景画像を指定。
    ボタン画像の幅・高さをpx指定します。
    value=""にしないと、デフォルトで送信、クリアが表示されてしまいます。
    value="送る"のように、任意の文字を指定することも可能です。
    */
    .btnSend { /* 送信ボタン */
        background:transparent url(/content/img/btn/send.gif) no-repeat top left!important;
        width:49px; height:19px; border:none;
    }
    .btnClear  { /* クリアボタン */
        background:transparent url(/content/img/btn/btn_clear.gif) no-repeat top left!important;
        width:49px; height:19px; border:none;
    }
</style>

<form method="post" action="#" onsubmit="alert('サンプルのため送信処理は行いません'); return false;">
    <input type="text" size="20" maxlength="40" />　
    <input type="submit" class="btnSend" value="" />
    <input type="reset" class="btnClear" value="" />
</form>