CSSで送信とはどういう意味ですか-CSSチュートリアル-php.cn

CSSで送信とはどういう意味ですか

醉折花枝作酒筹

リリース： 2021-04-27 18:05:57

オリジナル

5297 人が閲覧しました

CSS では、submit は送信を意味します。ボタンをクリックすると、ユーザー情報フォームがリモートデータベースに送信されます (構文 "type="submit"")。 type 属性は確認ボタンのフォーム要素の型を返すことができ、値が submit の場合は確認ボタンであることを示します。

CSSで送信とはどういう意味ですか

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

Submit オブジェクトは、HTML フォームの送信ボタン (submitbutton) を表します。タグが HTML フォームに表示されるたびに、Submit オブジェクトが作成されます。

フォームが送信される前に、onclick イベントハンドルがトリガーされ、ハンドラーは false を返すことでフォームの送信をキャンセルできます。

#例

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>document</title>
  </head>
  <style>
    input[type="text"],
    select {
      width: 100%;
      padding: 12px 20px;
      margin: 8px 0;
      display: inline-block;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-sizing: border-box;
    }

    input[type="submit"] {
      width: 100%;
      background-color: #4caf50;
      color: white;
      padding: 14px 20px;
      margin: 8px 0;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }

    input[type="submit"]:hover {
      background-color: #45a049;
    }

    div {
      border-radius: 5px;
      background-color: #f2f2f2;
      padding: 20px;
    }
  </style>
  <body>
    <h3>使用 CSS 来渲染 HTML 的表单元素</h3>

    <div>
      <form action="/action_page.php">
        <label for="fname">First Name</label>
        <input
          type="text"
          id="fname"
          name="firstname"
          placeholder="Your name.."
        />

        <label for="lname">Last Name</label>
        <input
          type="text"
          id="lname"
          name="lastname"
          placeholder="Your last name.."
        />

        <label for="country">Country</label>
        <select id="country" name="country">
          <option value="australia">Australia</option>
          <option value="canada">Canada</option>
          <option value="usa">USA</option>
        </select>

        <input type="submit" value="Submit" />
      </form>
    </div>
  </body>
</html>

ログイン後にコピー

効果:

CSSで送信とはどういう意味ですか ##推奨学習: