inputボタン（送信ボタン）を画像にするCSS｜web bibo

inputボタンに type="image" を使って送信ボタンを作成することがあると思いますが、こうするとそのボタンのx,y座標がGET値で送信されます。GET値で送りたいけど、x,y座標は表示したくない場合はスタイルシートを使ってinputボタンの背景に画像を指定します。 type="image"だとURLの後に座標の値がくっつく。 <form> <input type="image" alt="Sample" width="100" height="30" src="http://www.webbibo.com/assets/images/tips/image_btn.png" /> </form> このボタンを押してみてください。アドレス欄のURLが座標の値がついたURLになります。 CSSで解決 <form> <input type="submit" value="" id="i

[malusgenome]

input type="image" でなくCSSで背景に

[dazzle223]

送信フォームを画像にする

[gurasa]

スマホであればvalueは消さずに利用した方が全体的に軽くなる。