Input element uitlijnen in form/ tabel
Voor degene die zich mijn introductie kunnen herinneren: Mijn PHP-cursus is begonnen, heb 2 lessen gehad, vind het nog erg abstract, maar ga er 110% voor!
Vraagje over uitlijnen van "input element in html"
Code:
<html>
<body>
<table border="1" width="50%" align="50%">
<form action="process_data.php" method="post">
<th>Mijn eerste form in een tabel</th>
<tr><td>First name: <input type="text" name="firstname"/></td></tr>
<tr><td>Last name: <input type="text" name="lastname"/></td></tr>
<tr><td>Phonenumber: <input type="text" name="phonenumber"/></td></tr>
<tr><td>Remarks: <textarea rows="5" cols="35" name="textarea"></textarea></td></tr>
<tr><td>Click button to process data:<input type="submit" value="Submit button"></td></tr>
</form>
</table>
</body>
</html>
Ik wil graag binnen in cel (bv:
<tr><td>First name: <input type="text" name="firstname"/></td></tr> ..) alleen het input-element uitlijnen, dus het kader zeg maar. Zonder de tekst die ervoor staat. Ik vind info over align-attribute, maar dat is img-gerelateerd, en ik wil graag het tekstveld uitlijnen.
Bij voorbaat dank,
Maarten
Voorbeeld:
Code (php)
1
2
3
4
2
3
4
<p>
<label for="">First name:</label>
<input type="text" id="" name="" value="" />
</p>
<label for="">First name:</label>
<input type="text" id="" name="" value="" />
</p>
CSS
Code (php)
1
2
3
4
5
6
2
3
4
5
6
label
{
float: left;
width: 110px;
text-align: left;
}
{
float: left;
width: 110px;
text-align: left;
}
Uit de losse pols, maar probeer het eens.
Nu moet ik eerst even gaan uitzoeken wat een label is..
Thx.
Toevoeging op 26/08/2012 11:59:58:
http://www.htmlquick.com/reference/tags/input.html
Hier hebben ze het over het align="" attribute, maar er gebeurt niets als ik het invoer :(
Er staat ook deprecated in HTML4.01 bij, maar wil dan zeggen dattie het helemaal niet meer doet?
Grr..
Maarten Aders op 26/08/2012 11:56:27:
Waarom forms niet in een tabel plaatsen?
Een tabel is bedoeld om data / gegevens te tonen, niet om de lay-out van een site mee op te bouwen. Vroeger gebeurde dat veel, maar met goed gebruik van css is dat tegenwoordig niet meer nodig/gewenst.
Obelix en Idefix op 26/08/2012 12:07:51:
Een tabel is bedoeld om data / gegevens te tonen, niet om de lay-out van een site mee op te bouwen. Vroeger gebeurde dat veel, maar met goed gebruik van css is dat tegenwoordig niet meer nodig/gewenst.
Maarten Aders op 26/08/2012 11:56:27:
Waarom forms niet in een tabel plaatsen?
Een tabel is bedoeld om data / gegevens te tonen, niet om de lay-out van een site mee op te bouwen. Vroeger gebeurde dat veel, maar met goed gebruik van css is dat tegenwoordig niet meer nodig/gewenst.
Goede uitleg, dankjewel.
En wat is nu precies de rol/ functie van <label> ?? Ik ben er wel over aan het lezen op het internet nu, maar de clou blijft me onduidelijk..
Die site is m'n steun en toeverlaat. Ik begreep het alleen niet helemaal..
Bedankt!
Maarten