1

フォーム送信ボタンをコーディングするためのベスト プラクティスについて、ご意見をお待ちしております。新しいサイトを構築中で、変更を考えています。オプションとして私が見るものは次のとおりです。

  1. input type="submit"背景画像と、値のテキストを非表示にする CSS を使用 - これは私が現在使用しているものです。

  2. input type="image"with src="source.jpg"- 値のテキストを非表示にする必要がないことは理解していますが、CSS の中央に画像を配置することを常に好んでいたので、変更する必要がある場合は簡単に変更できます。ただし、SEO の理由から、テキストを非表示にしないようにしています。

  3. button- 実際にこれを使用したことはありませんが、w3 は、「HTML フォームで要素を使用する場合、異なるブラウザーは異なる値を送信する可能性があります。HTML フォームでボタンを作成するために使用します。」と述べています。- なぜこれを使うのですか？

どんな考えでも感謝します:)

4

2 に答える 2

3

個人的には、コントロールを自然に保つのが最善だと思います。これにより、ブラウザー/OS はそれらがどのように表示されるべきかを決定できます。典型的な結果として、ユーザーは既に知っているコントロールをより快適に使用できるようになります。

その<input type="submit"/>ため、送信ボタン、<input type="image"/>画像のクリックの座標を取得するため (地図をクリックして移動するゲームに役立ちます)、および<button>フォーム自体に関連しない JavaScript を利用したボタンに使用します。 (プレビュー ボタンなど)。仕事に適したツールを使用し、ユーザーにとって慣れ親しんだものを維持することがすべてです。

于 2012-10-17T04:34:04.623 に答える
2

デフォルトで行く

<input type="submit" value="mysubmit"  class="button" />
input.button {
    background-image: url(/images/buttons/add.png); /* 16px x 16px */
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 16px;
    padding-left: 16px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}
于 2012-10-17T04:40:05.400 に答える