Hola
borjagat, no sé si te has dedicado a hacer pruebas... pero creo que ésto resuelve buena parte de tus dudas:
Código PHP:
<input type="text" tabindex="1" />
<select tabindex="2">
<option>foo</option>
<option>bar</option>
</select>
<input type="text" readonly="readonly" value="hola" tabindex="3" />
<input type="text" disabled="disabled" value="no disponible" tabindex="4" />
<input type="text" tabindex="5" />
Como ves los
select no se autodespliegan cuando cogen el foco (si lo haces con tabulador), se despliegan si hacemos click en ellos.
Los campos
readonly sí que cogen el foco cuando pasamos con el tabulador, no podemos editarlos pero sí nos podemos localizar en ellos. Sin embargo los disabled no responden al tabulador.
Respecto a tu última duda no la tengo clara... ¿hablas de los
selects? En IE sí se selecciona la primera opción del select, pero en FF no queda seleccionada ninguna hasta que no lo hagamos con la barra espaciadora. Sin embargo si el select es de tamaño > 1 (atributo
size) en IE (ni FF) se selecciona ninguna opción al recibir el foco con el tabulador:
Código PHP:
<select tabindex="2" size="2">
<option>foo</option>
<option>bar</option>
<option>foo</option>
<option>bar</option>
<option>foo</option>
<option>bar</option>
</select>
Bueno, espero que haya tocado todo lo que cuestionas.
