アリゾナではもう働きたくない社長の blog

2008-11-17 (Mon)

HTML フォームの button 要素に対するブラウザの挙動差

HTML 4.01 の button[type="submit"] と input[type="submit"] をアクティベートした際の挙動がブラウザごとに異なるようです。

テストケース

<form method="get">
  <fieldset>
    <legend>フォーム</legend>
    <input name="foo" type="text" value="1" />
    <input name="bar" type="submit" value="ButtonA" />
    <button name="baz" type="submit" value="2">ButtonB</button>
  </fieldset>
</form>

テスト方法

ButtonA を押す
ブラウザが送信したクエリを記録する
ButtonB を押す
ブラウザが送信したクエリを記録する
以上を複数のブラウザで行う

テスト結果

アクティベートしたボタン	Firefox 3・Opera 9.62 が送信するクエリ	Internet Explorer 6 が送信するクエリ	Internet Explorer 7 が送信するクエリ
input[type="submit"]	foo=1&bar=ButtonA	foo=1&bar=ButtonA&baz=ButtonB	foo=1&bar=ButtonA
button[type="submit"]	foo=1&baz=2	foo=1&baz=ButtonB	foo=1&baz=ButtonB

IE 6 と IE 7 は button 要素の value 属性値ではなく内容を送信する
IE 6 は button 要素の内容をこのボタンがアクティベートされていない場合にも送信する

期待される結果

name = cdata [CI]

This attribute assigns the control name.

value = cdata [CS]

This attribute assigns the initial value to the button.
http://www.w3.org/TR/html401/interact/forms.html#h-17.5

仕様書を見る限り、button[type="button"] がアクティベートされたときは input[type="button"] がアクティベートされた時と同じく value 属性値が送信されるべきなようです。

考えられる対処

パラメタ送信用途には button 要素を使わない
IE を今すぐ窓から投げ捨てる

コメントを書く

Colosseum2009/05/18 14:43HTMLとお付き合いして早3年、button要素というのを知ったのが今日になります。

IEは相変わらず可愛い奴ですね、憎さ百倍とはよく言いました。

Kethlen2012/07/27 20:25All tnighs considered, this is a first class post

lotelreothb2012/07/30 15:13FXVw9q , [url=http://vikhijikonjg.com/]vikhijikonjg[/url], [link=http://fsnqlekshxbt.com/]fsnqlekshxbt[/link], http://pfjbijqyrpox.com/

AddElance2018/04/16 06:43Express Ship Non Prescription Viagara <a href=http://cialiorder.com>cialis without a doctor's prescription</a> Cialis Wirkung Verstarken Capecitabine

Kennethagord2018/05/12 00:22kamagra forum doctissimo
kamagra store erfahrung
kamagra kopen utrecht
kamagra oral jelly customer reviews

DanielVioro2018/06/19 05:06kamagra oral jelly review
<a href="http://kamagraonl.com/">buy kamagra</a>
kamagra tablets 100mg reviews
<a href="http://kamagraonl.com/">buy kamagra</a>
india kamagra 100mg chewable tablets

Michaellob2018/06/23 01:16cialis commercial song
<a href="http://justinpro.com/">buy cialis online</a>
cialis extra dosage directions
<a href="http://justinpro.com/">buy cialis online</a>
cialis maximum safe dosage

Jaredalinc2018/06/23 07:16name of pfizer generic viagra
<a href="http://amsboatyard.com/">buy generic viagra online</a>
viagra professional 50mg
<a href="http://amsboatyard.com/">viagra</a>
merle generic viagra cialis

Floydsmapy2018/07/02 02:46kamagra shop deutschland test
<a href="http://kamagradyn.com/">kamagra 100mg</a>
kamagra uk next day
<a href="http://kamagraonl.com/">kamagra oral jelly</a>
kamagra 100mg oral jelly sildenafil ajanta

AntonWes2018/07/04 06:47viagra cialis online pharmacy
<a href="http://cialisgenericsa.com/">buy generic cialis online</a>
generic cialis soft tabs 20mg
<a href="http://cialisgenericsa.com/">buy generic cialis online</a>
cialis 20 mg prices with prescription

Quick Loans 2018/07/08 14:32loans in colorado springs <a href="https://quickloans.cars">fast personal loans</a> loan bad credit <a href=https://quickloans.cars>easy installment loans online</a>

Robertemota2018/07/13 15:23kamagra oral jelly vs viagra
<a href="https://www.kamagrapos.com/">kamagra 100mg</a>
kamagra customer reviews
<a href="https://www.kamagrapos.com/">kamagra oral jelly</a>
kamagra soft chewable tablets 100 mg

Davidmow2018/07/14 19:26kamagra store
<a href="https://www.kamagrajellyk.com/">buy kamagra oral jelly</a>
kamagra 100mg reviews
<a href="https://www.kamagrajellyk.com/">kamagra</a>
kamagra oral jelly forum hr

Haroldliz2018/07/17 15:50kamagra use
<a href="https://www.kamagradax.com/">kamagra 100mg</a>
kamagra oral jelly 100mg price in india
<a href="https://www.kamagradax.com/">buy kamagra</a>
kamagra jelly kopen rotterdam

Jackiedof2018/07/30 16:13kamagra usa website
<a href="https://www.kamagrapos.com/">kamagra oral jelly</a>
kamagra store uk
<a href="https://www.kamagrapos.com/">kamagra jelly</a>
kamagra oral jelly online usa

Michaelnar2018/07/31 18:50kamagra oral jelly gГјnstig kaufen deutschland
<a href="https://www.kamagrajellyk.com/">kamagra oral jelly</a>
kamagra forum romania
<a href="https://www.kamagrajellyk.com/">kamagra oral jelly</a>
kamagra jelly amazon

Glennvat2018/10/19 23:15price comparison of viagra cialis levitra
price comparison between viagra and cialis
onhoxte@mail.ru
cialis maximum dosage

Jamesbot2019/01/05 07:37lowest price for sildenafil citrate
<a href="http://sildenafilcitratepw.com/">sildenafil citrate</a>
maximum dosage for sildenafil citrate
<a href="http://sildenafilcitratepw.com/">buy sildenafil</a>
us sildenafil citrate pricing

Earnestpah2019/01/22 05:28sildenafil citrate 20 mg dosage
<a href="http://sildenafilcitratepw.com/">buy sildenafil citrate</a>
what is sildenafil citrate tablets used for
<a href="http://sildenafilcitratepw.com/">buy sildenafil</a>
sildenafil citrate 100mg prices

WilliamPreks2019/02/02 11:30cost of cialis daily at costco
healthy meds cialis
<a href=https://kellyannehulme.com>cialis</a>
cialis super active plus reviews
subsidized cialis nz
https://greatwinesgrandhouses.com
who makes cialis
cialis venda online
<a href=https://greatwinesgrandhouses.com>buy Cheap cialis</a>
buy cialis online pay with paypal
cialis online fiable
https://greatwinesgrandhouses.com

JerryTunty2019/02/04 01:12cialis commercial song 2012
<a href="http://cialispaxl.com/">buy generic cialis</a>
blonde actress in cialis commercial
<a href="http://cialispaxl.com/">cialis generic</a>
lloyds pharmacy cialis price

Walterciz2019/02/04 08:13cialis generico precio farmacia espaГ±a
<a href="http://cialisonlinq.com/">buy generic cialis</a>
brand name cialis prices
<a href="http://cialisonlinq.com/">buy generic cialis</a>
generic cialis super active reviews

JamesScedo2019/02/04 08:23generic cialis canadian pharmacy
<a href="http://cialisdxt.com/">buy generic cialis</a>
cialis side effects pain in leg
<a href="http://cialisdxt.com/">buy generic cialis</a>
cialis 5mg daily use reviews

Arnoldwem2019/02/05 20:58cheap cialis 5mg
buy cialis with bitcoins
<a href="http://cialistlm.com">Buy Cheap Cialis</a>
best place on internet to buy cialis
cialis aus england
<a href="http://cialisfurr.com">Buy Cheap Cialis Online</a>
walmart prescription prices cialis
cialis 20mg glaxo company
<a href="http://cialistlm.com">Buy Cialis Online</a>

Gregoryunele2019/02/06 00:00cialis uses and side effects
<a href="http://cialispaxl.com/">buy cialis</a>
cialis commercials 2016
<a href="http://cialispaxl.com/">generic cialis online</a>
buy cialis 20 mg usa

Richarddup2019/02/06 06:01generic cialis coming
<a href="http://cialisonlinq.com/">buy cialis generic</a>
how long does it take for 5 mg cialis to work
<a href="http://cialisonlinq.com/">cialis generic</a>
cialis vs viagra vs levitra dosage reviews

Tannerfak2019/02/06 06:09side effects of cialis 5mg
<a href="http://cialisdxt.com/">buy cialis</a>
blonde actress in cialis commercial
<a href="http://cialisdxt.com/">buy cialis online</a>
cialis generico precio espaГ±a

TimothyGat2019/02/08 02:42cialis generic in 2017
<a href="http://cialisonlinq.com/">buy cialis online</a>
cialis dosage strengths and weaknesses
<a href="http://cialisonlinq.com/">buy cialis</a>
cialis 20mg tablets prices

Basilreers2019/02/08 02:49cialis tv commercial bathtub youtube
<a href="http://cialisdxt.com/">buy cialis generic</a>
5mg cialis reviews
<a href="http://cialisdxt.com/">generic cialis</a>
cialis commercial male actors

BrandonNaree2019/02/08 05:30cialis generico espaГ±a opiniones
<a href="http://cialispaxl.com/">buy cialis</a>
5 mg cialis vs 20 mg cialis
<a href="http://cialispaxl.com/">buy generic cialis online</a>
generic cialis soft tabs online

RobertoMeK2019/02/09 23:25cialis maximum dosage per day
<a href="http://cialisonlinq.com/">buy cialis generic</a>
cialis generico en mexico farmacias similares
<a href="http://cialisonlinq.com/">buy cialis</a>
cialis 5mg price in dubai

JamesWhedo2019/02/09 23:37cost of viagra and cialis
<a href="http://cialisdxt.com/">buy generic cialis online</a>
cialis generic 20mg professional
<a href="http://cialisdxt.com/">buy cialis</a>
cialis coupon card program

PatrickSpara2019/02/10 14:05levitra cialis viagra comparison
<a href="http://cialispaxl.com/">buy cialis generic</a>
viagra vs cialis vs levitra reviews
<a href="http://cialispaxl.com/">buy generic cialis online</a>
cialis 2.5 mg vs 5 mg reviews

JaysonDiome2019/02/11 18:20cialis generic viagra
<a href="http://cialisonlinq.com/">buy generic cialis online</a>
generic cialis safe
<a href="http://cialisonlinq.com/">cialis generic</a>
viagra vs. cialis vs. levitra which is best

Douglaskes2019/02/11 18:37generic cialis rx pharmacy indian
<a href="http://cialisdxt.com/">buy generic cialis</a>
brand cialis meaning in hindi
<a href="http://cialisdxt.com/">buy cialis</a>
price comparison viagra and cialis

MichaelReaks2019/02/12 23:40cialis tadalafil 20mg price
<a href="http://cialispaxl.com/">buy cialis</a>
cialis 20mg tablets uk
<a href="http://cialispaxl.com/">buy cialis online</a>
cialis main ingredient

Josephlix2019/02/13 14:05generic cialis price comparison
<a href="http://cialisonlinq.com/">generic cialis</a>
cialis coupons 2016
<a href="http://cialisonlinq.com/">cialis generic</a>
cialis 5mg daily price in the united states

ScottRaw2019/02/13 14:21extra super cialis does it work
<a href="http://cialisdxt.com/">cialis</a>
best prices on generic cialis 40mg
<a href="http://cialisdxt.com/">buy generic cialis online</a>
viagra stendra cialis levitra side effects

MichaelReaks2019/02/14 06:39viagra vs cialis costs
<a href="http://cialispaxl.com/">buy generic cialis online</a>
generic cialis super active tadalafil
<a href="http://cialispaxl.com/">generic cialis</a>
cvs price for cialis 5mg

ThomasDaw2019/02/15 09:54generic for cialis or viagra
<a href="http://cialisonlinq.com/">buy generic cialis</a>
levitra vs viagra vs cialis reviews
<a href="http://cialisonlinq.com/">buy generic cialis online</a>
preГ§o do cialis generico no brasil

Dereketers2019/02/15 10:09precio del cialis generico en mexico
<a href="http://cialisdxt.com/">cialis generic</a>
brand cialis overnight oats
<a href="http://cialisdxt.com/">buy generic cialis online</a>
cialis and viagra generic

Andrewvah2019/02/16 02:48cialis generico brasil
<a href="http://cialispaxl.com/">buy cialis generic</a>
cialis tv commercial actors
<a href="http://cialispaxl.com/">generic cialis</a>
viagra or cialis or levitra which is better

RichardSat2019/02/17 10:06generic cialis viagra levitra online
<a href="http://cialisonlinq.com/">buy cialis</a>
price of viagra and cialis in india
<a href="http://cialisonlinq.com/">generic cialis</a>
price viagra vs cialis

BrianMow2019/02/17 10:16levitra vs viagra vs cialis reviews
<a href="http://cialisdxt.com/">buy cialis</a>
brand cialis 20mg
<a href="http://cialisdxt.com/">generic cialis</a>
cialis price at walmart pharmacy

LloyddeW2019/02/18 01:48levitra cialis viagra comparison
<a href="http://cialispaxl.com/">buy generic cialis online</a>
walmart price for cialis 20mg
<a href="http://cialispaxl.com/">generic cialis online</a>
cialis soft 20mg

Trumanicege2019/02/19 04:14cialis coupon 2018
<a href="http://cialisdxt.com/">buy generic cialis</a>
cialis 20 mg uses
<a href="http://cialisdxt.com/">cialis generic</a>
cialis coupons 2016

Josephemosy2019/02/20 17:38generico do viagra e cialis
<a href="http://cialisonlinq.com/">generic cialis</a>
safe sites for generic cialis
<a href="http://cialisonlinq.com/">buy cialis</a>
cialis 5mg daily use study effectiveness

RobertSkins2019/02/20 17:45cialis 20 mg 30'lu tablet
<a href="http://cialisdxt.com/">generic cialis</a>
cialis viagra generico
<a href="http://cialisdxt.com/">generic cialis</a>
cost of generic cialis 5 mg