33

buttonwith とtype="button"aの間に違いはありtype="submit"ますか? 機能的な違いはありますか、それともコードを読みやすくするためのわかりやすい名前ですか?

これは とは異なりinputますか?

4

6 に答える 6

34

MDNから:

type
ボタンのタイプ。可能な値は次のとおりです。

  • submit : このボタンは、フォーム データをサーバーに送信します。これは、属性が指定されていない場合、または属性が空または無効な値に動的に変更された場合のデフォルトです。
  • reset : このボタンは、すべてのコントロールを初期値にリセットします。
  • button : ボタンにはデフォルトの動作はありません。イベントが発生したときにトリガーされる要素のイベントに関連付けられたクライアント側スクリプトを持つことができます。

buttonとの違いについてinput：

  • buttonはデータとして個別の値を持つことができますが、inputデータとボタンのテキストは常に同じです。

    <input type="button" value="Button Text"> <!-- Form data will be "Button Text" -->
<button type="button" value="Data">Button Text</button>

  • にbuttonは HTML コンテンツ (画像など) を含めることがinputできますが、 にはテキストのみを含めることができます。

  • Aは、CSS の他のコントロール (テキスト フィールドなど)buttonと区別しやすい場合があります。inputブラウザーの後方互換性に注意してください。

    input {

}
button { /* Always works */

}
input[type=button] { /* Not supported in IE < 7 */

}
于 2016-06-09T21:05:09.103 に答える
11

タイプが「button」のボタンはフォームを送信しませんが、タイプがないボタンまたは type=submit (デフォルト) のボタンは送信します。type=submit のボタンは、type=submit の入力とほぼ同じですが、ボタンには HTML コンテンツを含めることができます。

于 2016-06-09T21:03:36.887 に答える
1

ボタンは、アンカー タグ (リンク) に使用できる入力よりもはるかに適切にスタイル設定できます。

  • 画像
  • 内容等

入力はボタンと同じ機能を実現できますが、デザインはより醜くなります。

入力がオールドスクールで、ボタンがクールだとしましょう。

于 2019-01-24T07:39:33.557 に答える