Beispiel:HTML input-Element9.html: Unterschied zwischen den Versionen
Aus SELFHTML-Wiki
(Die Seite wurde neu angelegt: „<!doctype html> <html> <head> <meta charset="utf-8"> <style> html { background: darkgrey; } body { width: 1000px; height: 600…“) |
(t) |
||
| Zeile 38: | Zeile 38: | ||
<body> | <body> | ||
<h1>Pizzabelag nach Wahl!</h1> | <h1>Pizzabelag nach Wahl!</h1> | ||
| − | <form action=#"> | + | <form action="#"> |
<h3>Kreuzen Sie die gewünschten Zutaten an:</h3> | <h3>Kreuzen Sie die gewünschten Zutaten an:</h3> | ||
<fieldset> | <fieldset> | ||
Version vom 4. September 2015, 15:29 Uhr
<!doctype html> <html> <head>
<meta charset="utf-8">
<style>
html {
background: darkgrey;
}
body {
width: 1000px;
height: 600px;
margin: 0 auto;
background-image: linear-gradient(135deg, red 30%, white 35%, white 65%, green 69%);
}
h1,
form {
width: 35%;
margin: 0 auto;
}
h1 {
padding-top: 250px;
}
fieldset {
border: none;
}
label {
float: left;
clear: left;
}
input {
margin-right: 1em;
}
</style> <title>Checkboxen definieren</title>
</head>
<body>
Pizzabelag nach Wahl!
<form action="#">
Kreuzen Sie die gewünschten Zutaten an:
<fieldset>
<label for="check1"><input type="checkbox" name="zutat" value="salami" id="check1">Salami</label>
<label for="check2"><input type="checkbox" name="zutat" value="schinken" id="check2">Schinken</label>
<label for="check3"><input type="checkbox" name="zutat" value="sardellen" id="check3">Sardellen</label>
<label for="check4"><input type="checkbox" name="zutat" value="oliven" id="check4">Oliven</label>
<label for="check5"><input type="checkbox" name="zutat" value="paprika" id="check5">Paprika</label>
<label for="check6"><input type="checkbox" name="zutat" value="pilze" id="check6">Pilze</label>
</fieldset>
</form>
</body> </html>