inputタグ(type=”image”)の謎
1年以上前の記事です。内容が古い可能性があります。
submitボタンをどうしても画像にしたいらしい。
で、
<input type="submit"...
のところを
<input type="image"...
に変えて画像にしたらなぜだかフォームから送られる文字列に
x=3(任意の数字)やらy=12(任意の数字)等という不思議な数字が含まれる。
しかもボタンを押すたびに数字が変わってくる。これはいったい。。?
そこでいろいろ調べてみると、これはどうもsubmitボタンで使った画像をクリックした時のマウスポインタの座標のようだ。
そこで、inputタグの仕様を調べてみた。
http://www.hajimeteno.ne.jp/html40/i/input-image.html
やはり、データ送信時はクリック地点に関する情報も送られます。
とのこと。
こいつを使って何かゲームでも作れそうな気もする。
あ、Hなの思いついた(爆)
ちなみに、submitボタンを画像にするのは数通りのやり方があって、
1. <input type="image"...
2. <button type="submit"...
<img src="...
</button>
3. <img onclick="document.フォーム名.submit();"...
等が考えられます。
詳しくはこのあたりを参考に
□送信ボタン・リセットボタンに画像を用いる
□クリックするとフォーム内容を送信する
アドセンス広告メイン
関連記事
-
iPhoneで通知がスワイプできるようになっていた
1年以上前の記事です。内容が古い可能性があります。これ、知りませんでしたが意外と …
-
スマートフォンの保護フィルムを貼るのはお風呂場で
1年以上前の記事です。内容が古い可能性があります。こういうアナログチックな情報っ …
-
WordPressでテーマカスタマイズ、ヘッダー(header.php)、フッター(footer.php)で消してはいけないプログラム #wp
1年以上前の記事です。内容が古い可能性があります。自分でカスタマイズしたWord …
-
「自撮り」もし過ぎに注意しよう。「身体醜形障害」から「自殺」の可能性も
1年以上前の記事です。内容が古い可能性があります。何事もし過ぎは体にも精神的にも …
-
電車遅延で復旧予定時刻が出ている時は無料の新幹線振替輸送はしない
1年以上前の記事です。内容が古い可能性があります。自分の住んでいる街、熊谷市は新 …
-
「float」で親要素の高さがなくなってしまったときは親要素に「float」【CSS】
1年以上前の記事です。内容が古い可能性があります。HTML・CSSコーディングで …
-
ワードプレス(WordPress)のアップグレードをちゃんとやってみた【さくらインターネットの場合】 #wp
1年以上前の記事です。内容が古い可能性があります。ワードプレス(Wordpres …
-
iPhoneでYouTubeをBGMに使う方法
1年以上前の記事です。内容が古い可能性があります。iPhone(アイフォーン)で …
-
猫に与えちゃ(食べさせては)いけないもの【ペロ追悼企画】
1年以上前の記事です。内容が古い可能性があります。先日、一番最初に飼い始めたうち …
-
ツイッター(Twitter)のタイムラインにフォローしていないユーザーのツイートも表示されるようになった
1年以上前の記事です。内容が古い可能性があります。Facebookにはよく、広告 …
- PREV
- 全裸シャワーの元祖バラドルMは誰?
- NEXT
- シャア専用ケータイは売れるのか?