首頁 >web前端 >css教學 >css中submit意思是什麼

css中submit意思是什麼

醉折花枝作酒筹原創: 2021-04-27 18:05:575324瀏覽

在css中，submit的意思是提交，點擊該按鈕時，會把使用者資訊的表單提交到遠端資料庫中；語法「type="submit"」。 type屬性可傳回確認按鈕的表單元素類型，當值為submit時，表示該按鈕為確認按鈕。

css中submit意思是什麼

本教學操作環境：windows7系統、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中submit意思是什麼

#推薦學習：css影片教學

以上是css中submit意思是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：css如何設定br高度下一篇：css如何設定br高度

看更多