新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

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();"...

等が考えられます。

詳しくはこのあたりを参考に
送信ボタン・リセットボタンに画像を用いる
クリックするとフォーム内容を送信する

 - ユーザビリティ, 覚え書き

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

nanacoは郵送後自動、WAONはネットで手続きが必要【おサイフケータイ機種変トラブルFINAL】

1年以上前の記事です。内容が古い可能性があります。さて、どちらが優れているのかと …

簡単にドメインのIPアドレスを調べる方法

1年以上前の記事です。内容が古い可能性があります。今まで、ドメインのIPアドレス …

WordPress(ワードプレス)+Google Analytics(グーグルアナリティクス)ですべてのリンククリック(クリックイベント)を計測する設定

1年以上前の記事です。内容が古い可能性があります。WordPress(ワードプレ …

Facebookページを完全に永遠に削除する方法

1年以上前の記事です。内容が古い可能性があります。念のため作っておいたFaceb …

新管理画面でもブックマークレットがカスタマイズできる

1年以上前の記事です。内容が古い可能性があります。「ブックマークレットをカスタマ …

ソフトバンク「iPhone 5」で余計なサービスを解約する方法(iPhone基本パック編)

1年以上前の記事です。内容が古い可能性があります。娘がついにスマートフォン(スマ …

no image
カタカナ表記のルール(音引きを入れる?入れない?)

1年以上前の記事です。内容が古い可能性があります。ブログやってるとカタカナ表記に …

くの字型の鍵穴でギザギザのある鍵(ディスクシリンダー)が一番ピッキング被害に弱く、板状の金具に凹凸のある鍵(ティンプルシリンダー)が一番強い

1年以上前の記事です。内容が古い可能性があります。ピッキング被害に弱い鍵、強い鍵 …

トイレやキッチンで「ゴキブリ」と遭遇したら洗剤やハンドソープで退治可能

1年以上前の記事です。内容が古い可能性があります。ネットでは「G」などと隠語化さ …

WordPress(ワードプレス)テーマで使った画像やJSファイルの場所 #wp

1年以上前の記事です。内容が古い可能性があります。といった具合に各コンテンツを固 …

血液型オヤジ