Heim >Web-Frontend >CSS-Tutorial >Was bedeutet „Senden' in CSS?
Was bedeutet „Senden' in CSS?
- 醉折花枝作酒筹Original
- 2021-04-27 18:05:575324Durchsuche
Senden bedeutet in CSS „Senden“. Wenn Sie auf die Schaltfläche klicken, wird das Benutzerinformationsformular an die Remote-Datenbank gesendet. Das Typattribut kann den Formularelementtyp der Bestätigungsschaltfläche zurückgeben. Wenn der Wert „Senden“ lautet, bedeutet dies, dass es sich bei der Schaltfläche um eine Bestätigungsschaltfläche handelt.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Submit-Objekt stellt eine Senden-Schaltfläche (Submitbutton) in einem HTML-Formular dar. Jedes Mal, wenn das Tag in einem HTML-Formular erscheint, wird ein Submit-Objekt erstellt.
Bevor das Formular übermittelt wird, wird das onclick-Ereignishandle ausgelöst, und ein Handler kann die Formularübermittlung abbrechen, indem er „false“ zurückgibt.
Beispiel
<!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>Effekt:
Empfohlenes Lernen: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonWas bedeutet „Senden' in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!