Beispiel:HTML input-Element9.html: Unterschied zwischen den Versionen

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
(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>