Input element uitlijnen in form/ tabel

Door Maarten Aders op 26-08-2012 11:33

3.373 views

Hallo allen,

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

Erik Rijk

26-08-2012 11:49

Maak formulieren niet in tabellen, om mee te beginnen.

Voorbeeld:


<p>
	<label for="">First name:</label>
	<input type="text" id="" name="" value="" />
</p>

CSS


label
{
	float: left;
	width: 110px;
	text-align: left;
}

Uit de losse pols, maar probeer het eens.

Maarten Aders

26-08-2012 11:56

Waarom forms niet in een tabel plaatsen? Dat was bij ons de "mooi-maak" opdracht bij het formulier.

Nu moet ik eerst even gaan uitzoeken wat een label is..

Thx.

[size=xsmall]Toevoeging op 26/08/2012 11:59:58:[/size]

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..

Obelix Idefix

26-08-2012 12:07

Maarten Aders op 26/08/2012 11:56:27

Waarom forms niet in een tabel plaatsen?

Maarten Aders

26-08-2012 12:15

Obelix en Idefix op 26/08/2012 12:07:51

[quote="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.

[/quote]
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..

Frank WD

26-08-2012 12:34

Hier zou je een stukje uitleg kunnen lezen.
Klik

Maarten Aders

26-08-2012 12:42

Hoi Frank,

Die site is m'n steun en toeverlaat. Ik begreep het alleen niet helemaal..

Bedankt!

Maarten

Reageren

Inloggen om te reageren