nette form

Door gerhard timmerman op 16-04-2012 15:44

2.795 views

ik heb een form gemaakt maar wil dat die invoerboxen allemaal netjes op de zelfde lijn komen zodat het er netjes uit ziet wie kan mij vertellen hoe dat met dit script doe


<?php
error_reporting(-1);
ini_set('display_errors', 1);

include '/verbinding.php'; 
include '/logincheck.php';
$db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
?>


<html>

<form method="post" action="adresversturen.php"> 

<p>straatnaam: <input type="text" name="straat" /></p> 
<p>huisnummer: <input type="text" name="huisnummer" /></p> 
<p>postcode: <input type="text" name="postcode" /></p> 
<p>plaats: <input type="text" name="plaats" /></p> 



<p>land:
<select name="landid">
<?php


$sql = "execute spLandBox";

foreach ($db->query($sql) as $row) {
    echo printf('<option value="%d">%s</option>', $row['id'], $row['naam']);
}
?>
 </select>
 </p>

 <p>Contactpersoon voor adres
 <select name="opdrachtid">
 <?php
$sql = "{CALL spOpdrachtgeverBox (@Opdrachtgeverid=:opdrachtgever)}";
$stmt = $db->prepare($sql);
	
$opdrachtgeverid = $_SESSION['relatie'];	
	
$stmt->bindParam(':opdrachtgever',$opdrachtgeverid, PDO::PARAM_STR);
$stmt->execute();
foreach ($stmt->fetchall(PDO::FETCH_ASSOC) as $row) {
    echo printf('<option value="%d">%s</option>', $row['id'], $row['naam']);
}

	
?>
 
 </select>
 </p>
 
 
 <p>opmerkingen:</p> 
<TEXTAREA Name="opmerking" rows="6" cols="50"></TEXTAREA> 


<p><input type="submit" value="verzenden" ></p> 
</form>


</html>

Maikel Doeze

17-04-2012 10:47 gewijzigd op 17-04-2012 10:47

Dus om concreet een voorbeeld te geven (zoals ook Wouter aangaf)


<div class="inputWrapper">
    <label for="firstname">Firstname</label>
    <input name="firstname" value="" id="firstname"/>
</div>

En dan idd met display:inline-block of float:left & width aan de slag om de twee naast elkaar te positioneren.

Wouter J

17-04-2012 11:00 gewijzigd op 17-04-2012 11:01

@Maikel, ik zou niet alles in een aparte div stoppen. Nergens voor nodig: voorbeeld

Overigens is label al display: inline; en input display: inline-block; dus zullen ze altijd naast elkaar komen.

Reshad F

17-04-2012 11:01

wouter, je form ziet er een beetje raar uit de email label en input field zijn raar uitgelijnd..

Wouter J

17-04-2012 11:03

Waarom werkt niet alles zo als het werkt in chrome :S

Werkt dit wel: voorbeeld

raymond van Os

19-04-2012 16:41 gewijzigd op 19-04-2012 16:43

Dit scheelt ook een heleboel ellende met voornamelijk td, tr, tables, etc...


html, body, div, span, a, br, table, form, a, li, textarea, input, tr, td, img, hr
{ 
	margin:  0px;
	padding: 0px;
	border:	 0px;
}

Reageren

Inloggen om te reageren