uwe87: HTML Formular

Beitrag lesen

So siehts nun aus.

  
  
	function min () {  
			  
		var x= 0;  
		var y= 0;  
		var z= 0;  
		var min1 = 0;  
		var min2 = 0;  
				  
		x = parseInt (document.forms['f1'].wert1.value);  
		y = parseInt (document.forms['f1'].wert2.value);  
		z = parseInt (document.forms['f1'].wert3.value);  
	  
		if (x<y)  
			min1 = x;  
		else  
			min1 = y;  
		if (min1<z)  
			min2 = min1;  
		else  
			min2 = z;  
				  
		document.forms['f1'].ausgabe.value = min2;  
	  
		return;  
	}  
</script>  
</head>  
<body>  
<h2>Minimum 3er Zahlen</h2>  
  
<form id="f1" action="">  
<p>  
<label for = "zahl1"><strong>Erste Zahl eingeben :</strong> </label>  
<input type="text" id = "zahl1" name="wert1" size="8" /><br /><br />  
<label for = "zahl2"><strong>Zweite Zahl eingeben :</strong> </label>  
<input type="text" id = "zahl2" name="wert2" size="8"/><br /><br />  
<label for = "zahl3"><strong>Dritte Zahl eingeben :</strong> </label>  
<input type="text" id = "zahl3" name="wert3" size="8"/><br /><br />  
<label for = "erg"><strong>Minimum :</strong> </label>  
<input type="text" id = "erg" name="ausgabe" size="8" readonly = "readonly"/><br /><br />  
<input type="button" value="Finde heraus" onclick="min()" />  
 <button type="reset">Zurück</button>  
</p>  
</form>  
  
</body>  
</html>  
  

Wie kann ich es nun optisch schöner darstellen?
Zum Beispiel sollen die Eingabefelder in einer Linie sein oder die Texte neben den Eingabefeldern sollen linksbündig dargestellt werden ?