web-dev-qa-db-ja.com

ボタンと入力type = "submit"とonclick = "document.formname.submit()"

現時点でこれらのボタンを実装しようとしています: http://web.archive.org/web/20110721191046/http://particletree.com/features/rediscovering-the-button-element/

ここでは主にIE6を使用しているため、どちらを選択するかを決めることはできません。私の知る限り...

ボタン:

  • 通常どおりフォームを送信できます(フォームでEnterキーを押すなど)。フォームを無効にできます。標準に準拠しており、JavaScriptに依存しません
  • いいえ:Suckerfishを使用せずにIE6でホバーしますが、それに応じてスタイルを設定することはできず、背景色は1つだけに制限され、IE6ではひどい黒い境界線があります

input type = "submit":

  • また、いつものようにフォームを送信しましょう
  • 画像を含めることができないので、私が必要とするもののためのばかげた量のクラスファイルがあります。また、Suckerfishな​​しのIE6では:hoverはありません。

a onclick = "document.formname.submit()"

  • ハックなしでIE6で簡単にスタイリングできます
  • ハックなしで作業するのはそれほど簡単ではありません!つまり、Enterキーでボタンを送信することはできません

...だから、私はただ3つのうち、どれが一般的に好まれているのかと思っています理想的にはスタイルよりも機能が欲しいと思いますが、ここでJavascriptを有効にする必要があります(これはイントラネットページ専用です)。一般的に、人々はバックグラウンドで起こっていることをあまり気にしないと思いますか?うーん。

12
Nick

onclick = "document.formname.submit()"スタイルのルートに移動し、機能の非表示ボタンを追加します。

11
NilColor

私は送信ボタンをお勧めします。それはまさにそれがそこにあるためです。無効になっているユーザーがいる場合は、送信ボタンが最も意味のあるボタンになります。

IE6のボタンの周囲の境界線が本当に気に入らない場合は、JavaScriptで送信ボタンを非表示にしてから、必要なスタイルで独自のボタンを作成できます。自家製のボタンがクリックされるたびに、送信を呼び出します。ボタンのonclickイベントハンドラー(フォームを送信します)。これにより、ユーザーはEnterキーを押してデータを送信でき、JavaScriptを無効にしているユーザーのために送信キーをそこに保持できます。

5
MillsJROSS

<a>onclickと一緒に使用する場合は、role="button"wairole="button"を設定し、onkeypressハンドラーを設定して「- button "アクセス可能です!

3
Joscha