Ik wil de TAB zo hebben, dat nadat Auto1 is ingevuld er wordt doorgegaan met Auto2 en niet naar Auto11 wordt gesprongen.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="language" content="NL">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8 ">
<title>Autoparade Maximaal 25 auto's te beoordelen</title>
</head>
<body> 
<center>
	<?php	
	$aantal = 23;
	echo "Aantal auto's = <b>".$aantal."</b><br><br>";
	echo "<table>";
	
	switch (true)
	{ 	case ($aantal <=10) : 
			echo "<tr><td>Auto</td><td>&nbsp</td><td>Beoordeling</td></tr>";
			for ( $i=0; $i < 10; $i++)
			{	$v1 = $i + 1; $s1 = $i;
				if ($v1 <= $aantal)
				{	echo "<td><b>".$v1."</b></td><td>--></td><td><b><input type='number' size=2 maxlength=2 name='subvragen[]' value=".$beoordeling[$s1]." ></b></td><td></td></tr>";}
				else 
				{	echo "<td colspan=3>&nbsp</td></tr>";}	
			}
			break;
		case ($aantal <=20) :
			echo "<tr><td>Auto</td><td>&nbsp</td><td>Beoordeling</td><td>&nbsp&nbsp&nbsp&nbsp&nbsp</td><td>Auto</td><td>&nbsp</td><td>Beoordeling</td></tr>";								
			for ( $i=0; $i < 10; $i++)
 			{	$v1 = $i + 1; $v2 = $i + 11; 	
 				$s1 = $i; 		 $s2 = $i + 10;	 
 				echo "<td><b>".$v1."</b></td><td>--></td><td><b><input type='number' size=2 maxlength=2 name='subvragen[]' value=".$beoordeling[$s1]." ></b></td><td></td>";
 				if ($v2 <= $aantal)
 				{	echo "<td><b>".$v2."</b></td><td>--></td><td><b><input type='number' size=2 maxlength=2 name='subvragen[]' value=".$beoordeling[$s2]." ></b></td></tr>";}
 				else
 				{	echo "<td colspan=3>&nbsp</td></tr>";}					
 			}
 			break;
		case ($aantal <=30) :
			echo "<tr><td>Auto</td><td>&nbsp</td><td>Beoordeling</td><td>&nbsp&nbsp&nbsp&nbsp&nbsp</td><td>Auto</td><td>&nbsp</td><td>Beoordeling</td><td>&nbsp&nbsp&nbsp&nbsp&nbsp</td><td>Auto</td><td>&nbsp</td><td>Beoordeling</td></tr>";				
			for ( $i=0; $i < 10; $i++)
 			{	$v1 = $i + 1; $v2 = $i + 11; 		$v3 = $i + 21;
 				$s1 = $i; 		 $s2 = $i + 10;	 		$s3 = $i + 20;
 				echo "<td><b>".$v1."</b></td><td>--></td><td><b><input type='number' size=2 maxlength=2 name='subvragen[]' value=".$beoordeling[$s1]." ></b></td><td></td>";
 				echo "<td><b>".$v2."</b></td><td>--></td><td><b><input type='number' size=2 maxlength=2 name='subvragen[]' value=".$beoordeling[$s2]." ></b></td><td></td>";
 				if ($v3 <= $aantal)
 				{	echo "<td><b>".$v3."</b></td><td>--></td><td><b><input type='number' size=2 maxlength=2 name='subvragen[]' value=".$beoordeling[$s3]." ></b></td></tr>";}
 				else
 				{	echo "<td colspan=3>&nbsp</td></tr>";}
 			}
 			break; 			
 	}
 	echo "</table>";
	?>
</center>	

</body>
</html>


Hoe doe ik dat ?
HTML kent ook een tabindex-attribuut voor formulier-elementen. Hiermee kan je de volgorde van de velden bepalen waarop gefocusd wordt d.m.v. de TAB-toets,


<input type='text' name='auto1' tabindex="1">
<input type='text' name='auto2' tabindex="3">
<input type='text' name='auto3' tabindex="5">
<input type='text' name='auto4' tabindex="4">
<input type='text' name='auto5' tabindex="2">
Bedankt Aar, het werkt !
Graag gedaan :-)

Reageren