Cyperfriend
Der ohne Avatar
- Registriert
- 14 Juli 2013
- Beiträge
- 1.123
Ich habe mir mittels CSS ein kleines Eingabeformular gebastelt, dass so aufgebaut ist:
[src=html5]
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Kassenprogramm</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="content">
<fieldset>
<legend>Eingabe</legend>
<div class="test">
<label for="1">1</label>
<input type="text" id="1" name="1">
</div>
<div class="test">
<label for="2">2</label>
<input type="text" id="2" name="2">
</div>
<div class="test">
<label for="3">3</label>
<input type="text" id="3" name="3">
</div>
<div class="test">
<label for="4">4</label>
<input type="text" id="4" name="4">
</div>
<div class="test">
<label for="5">5</label>
<input type="text" id="5" name="5">
</div>
<div class="test">
<label for="6">6</label>
<input type="text" id="6" name="6">
</div>
<div class="test">
<label for="7">7</label>
<input type="text" id="7" name="7">
</div>
<div class="test">
<label for="8">8</label>
<input type="text" id="8" name="8">
</div>
<div class="test">
<label for="9">9</label>
<input type="text" id="9" name="9">
</div>
<div class="test">
<label for="10">10</label>
<input type="text" id="10" name="10">
</div>
<div class="test">
<label for="11">11</label>
<input type="text" id="11" name="11">
</div>
<div class="test">
<label for="12">12</label>
<input type="text" id="12" name="12">
</div>
<div>
<input type="submit" name="speichern" value="Speichern">
</div>
</fieldset>
</div>
</body>
</html>
[/src]
Der dazugehörige CSS-Teil:
[src=css]
@charset "utf-8";
/* CSS Document */
* {
margin:0;
padding:0;
background-color:e9e9e9;
font-family:Arial;
font-size:12px;
color:#000;
}
.content {
width:1280px;
margin-left:auto;
margin-right:auto;
}
legend {
font-weight:bold;
}
label {
display:block;
}
input {
width:100px;
}
.test {
background-color:#06C;
float:left;
}
[/src]
Das Ganze sieht dann so aus:
Anhang anzeigen 37000
Ich denke prinzipiell ist dagegen nichts einzuwenden, aber wo eine Eingabe, da auch eine Ausgabe. Die Daten wandern natürlich in eine Datenbank. Ob das MySQL oder XML sein wird überlege ich noch, spielt für das weitere Vorgehen aber keine Rolle.
Die Ausgabe soll nach dem gleichen Schema erfolgen, also dass dann anstatt der <input>-Felder eben Text steht und jetzt wird auch irgendwie klar, dass das obere Vorgehen nicht gerade sinnvoll ist, da man so einen Haufen while-Schleifen braucht und die einzelnen Felder ausgelesen werden müssen. Das halte ich weder für effektiv, noch für übersichtlich. Das kann man doch sicher viel besser lösen? Oben die Überschriften und drunter dann die Ausgaben, wie das bei einer klassischen Tabelle der Fall wäre. Ich will aber keine HTML-Tabelle, auch wenn der Inhalt tabellarisch ist.
Kann das jemand für mich berichtigen?
[src=html5]
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Kassenprogramm</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="content">
<fieldset>
<legend>Eingabe</legend>
<div class="test">
<label for="1">1</label>
<input type="text" id="1" name="1">
</div>
<div class="test">
<label for="2">2</label>
<input type="text" id="2" name="2">
</div>
<div class="test">
<label for="3">3</label>
<input type="text" id="3" name="3">
</div>
<div class="test">
<label for="4">4</label>
<input type="text" id="4" name="4">
</div>
<div class="test">
<label for="5">5</label>
<input type="text" id="5" name="5">
</div>
<div class="test">
<label for="6">6</label>
<input type="text" id="6" name="6">
</div>
<div class="test">
<label for="7">7</label>
<input type="text" id="7" name="7">
</div>
<div class="test">
<label for="8">8</label>
<input type="text" id="8" name="8">
</div>
<div class="test">
<label for="9">9</label>
<input type="text" id="9" name="9">
</div>
<div class="test">
<label for="10">10</label>
<input type="text" id="10" name="10">
</div>
<div class="test">
<label for="11">11</label>
<input type="text" id="11" name="11">
</div>
<div class="test">
<label for="12">12</label>
<input type="text" id="12" name="12">
</div>
<div>
<input type="submit" name="speichern" value="Speichern">
</div>
</fieldset>
</div>
</body>
</html>
[/src]
Der dazugehörige CSS-Teil:
[src=css]
@charset "utf-8";
/* CSS Document */
* {
margin:0;
padding:0;
background-color:e9e9e9;
font-family:Arial;
font-size:12px;
color:#000;
}
.content {
width:1280px;
margin-left:auto;
margin-right:auto;
}
legend {
font-weight:bold;
}
label {
display:block;
}
input {
width:100px;
}
.test {
background-color:#06C;
float:left;
}
[/src]
Das Ganze sieht dann so aus:
Anhang anzeigen 37000
Ich denke prinzipiell ist dagegen nichts einzuwenden, aber wo eine Eingabe, da auch eine Ausgabe. Die Daten wandern natürlich in eine Datenbank. Ob das MySQL oder XML sein wird überlege ich noch, spielt für das weitere Vorgehen aber keine Rolle.
Die Ausgabe soll nach dem gleichen Schema erfolgen, also dass dann anstatt der <input>-Felder eben Text steht und jetzt wird auch irgendwie klar, dass das obere Vorgehen nicht gerade sinnvoll ist, da man so einen Haufen while-Schleifen braucht und die einzelnen Felder ausgelesen werden müssen. Das halte ich weder für effektiv, noch für übersichtlich. Das kann man doch sicher viel besser lösen? Oben die Überschriften und drunter dann die Ausgaben, wie das bei einer klassischen Tabelle der Fall wäre. Ich will aber keine HTML-Tabelle, auch wenn der Inhalt tabellarisch ist.
Kann das jemand für mich berichtigen?