フォームについて

オレンジフォームの送信ボタンを自作のボタンに変更する方法

ららです。

  

こちらの記事で、シリウスにオレンジフォームを埋め込む話をしたのですが、

オレンジフォームの入力内容がシリウスで文字化けする原因と対処法ららです。 ららのサイトには、 シリウス(SIRIUS)で作ったサイトがた~~くさんあるのですが、 その中には、このよ...

ついでに、送信ボタンを自作のボタンに変えてみました。

  

これがデフォルト。

  

それをこうしてみました。

  

ボタンのデザインは、自分で作るのでお好みのものを作ってください。
私はGIMPでちゃちゃっと作ってみました。

これのやり方をご紹介します。
(画像の作り方は、いつかの機会に…)

  

オレンジフォームの送信ボタンを自作のボタンに変更する方法

まずは画像を用意します。
サイズは、フォームに合わせた小さめのものにしてください。

  

それを、シリウスの「画像管理」の中に放り込みます。

  

で、オレンジフォームのコードの部分の、最後の方のココ。
value=”送信” と書いてあるこの1行を変更します。

  
こうします。

  

具体的には、

  • 「type=”button”」を「type=”image”」に。
  • そのすぐ後ろに「src=”./img/(画像名)”」を追加

それだけです。

これだけで、送信ボタンが変わりました。

  

おそらく、ボタンの画像を作るのが一番の難関だと思うのですが、
そこが軽くクリアできる方は、ぜひやってみてください^^

ABOUT ME
らら
らら
ららです。2人の子供がいる40代の主婦です。コツコツとアフィリエイトにチャレンジし、月6桁の目標を達成することができました。このブログでは、同じ目標を持つあなたに、ららの知識やアドバイスをお伝えしています。お問い合わせはいつでも受け付けていますのでお気軽にどうぞ。
関連記事

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です