Home / Programmazione / Javascript - AJAX / Impostare il focus su input text
Mattepuffo

Impostare il focus su input text

Impostare il focus su input text

Mi sono acorto che quando apri alcuno form la prima casella di testo è selezionata; in altri no.

Girovagando ho capito che la cosa è facilmente ottenibile usando la funzione focus() di Javascript.

Vediamo quindi di mettere su una piccola funzione che imposta il focus sul componente che gli dite voi.

Prima di tutto nell'header create una funzione che richiede un parametro:

<script type="text/javascript">
function setFocus(id) {
   document.getElementById(id).focus();
}
</script>

La funzione cerca semplicemente l'ID che gli passiamo tramite parametro.

 

A questo punto possiamo richiamare la funzione nell'onload del body, o tramite window.onload:

<script type="text/javascript">
window.onload = function() {
   setFocus('focus');
};
</script>
<form action="" method="POST">
<table>
<tbody>
<tr>
<td>User:</td>
<td><input type="text" id="focus" name="username" value="" /></td>
</tr>
<tr>
<td>Password:</td>
<td><input type="password" name="password" value="" /></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Submit" name="submit" /></td>
</tr>
</table>
</form>

In questo caso quando carico la pagina mi comparirà il form con la prma casella di testo già selezionata.