よもやまチョモランマ

メールフォームの送信ボタンを画像にしたい

メールフォームの送信ボタンを画像にしたら
自動送信メールの項目に【x】46とか【y】35とかついてて
ナンダコレ???てなったのでググったら

PHP工房さんの「よくある質問」にありました

【x】、【y】という項目が出てきてしまう
送信ボタンに画像を指定しているとそのように表示されてしまいます。自動ですべての項目を取得、表示、送信を行う仕様となっておりますため、こちらはしょうがないのですが、input type=”image” ではなく、通常のinput type=”submit” とし、CSSで背景画像として指定すると解決可能です。CSSでの修正が難しい場合にはカスタマイズとして1件2,000円にて対応いたします。

CSSで背景画像ということは、HTMLはこんな感じで

<input type="submit" value="" class="submit_btn" alt="送信する">
<input type="submit" value="" class="hisback_btn" alt="戻る"  onClick="history.back()">

CSSはこんな感じですね。

.submit_btn{
	margin: 40px;
	border: 0px;
	width:100px;
	height:100px;
	background: url(submit.png) left top no-repeat;
}
.submit_btn:hover{
	cursor: pointer;
	opacity:0.5;
}

【参考】
サブミットボタンをCSSで画像ボタンに変更する