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 ?