Que signifie soumettre en CSS-tutoriel CSS-php.cn

Que signifie soumettre en CSS

醉折花枝作酒筹

Libérer： 2021-04-27 18:05:57

original

5163 Les gens l'ont consulté

En CSS, soumettre signifie soumission. Lorsque vous cliquez sur le bouton, le formulaire d'informations utilisateur sera soumis à la base de données distante ; la syntaxe est "type="submit"". L'attribut type peut renvoyer le type d'élément de formulaire du bouton de confirmation. Lorsque la valeur est soumise, cela signifie que le bouton est un bouton de confirmation.

Que signifie soumettre en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

L'objet Soumettre représente un bouton de soumission (submitbutton) dans un formulaire HTML. Chaque fois que la balise apparaît dans un formulaire HTML, un objet Submit est créé.

Avant que le formulaire ne soit soumis, le gestionnaire d'événements onclick est déclenché et un gestionnaire peut annuler la soumission du formulaire en renvoyant false.

Exemple

<!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>

Copier après la connexion

Effet :

Que signifie soumettre en CSS