È possibile impostare il focus di input predefinito su un modulo HTML senza utilizzare JavaScript, ad esempio:
<html>
<form>
Input 1: <input type="text" name="textbox1"/>
<br/>
Input 2: <input type="text" name="textbox2"/>
</form>
</html>Voglio impostare lo stato attivo predefinito su una delle caselle di testo quando il modulo viene caricato senza utilizzare JavaScript (poiché desidero che il comportamento si verifichi quando un utente ha disabilitato js).
Risposte:
Puoi farlo in HTML5, ma altrimenti devi usare JavaScript.
HTML5 ti consente di aggiungere autofocusal tuo elemento del modulo, ad esempio:
<input type="text" name="myInput" autofocus />Questo funziona nei browser che supportano HTML5 (o meglio, i browser che supportano questa particolare parte di HTML5) ma, come sapete, non tutti possono ancora usarlo.
Qualcosa di cui essere a conoscenza ... se si imposta un elemento di modulo focalizzato, quindi chiunque utilizzi la tecnologia assistita (AT) come uno screen reader dovrà eseguire il backup per visualizzare i menu e qualsiasi altro contenuto che si trova prima del campo focalizzato.
Un metodo preferito, a mio avviso, è quello di non focalizzare l'attenzione su nessun campo, tranne uno skip-link se è disponibile. Ciò dà loro la possibilità di saltare al contenuto delle pagine o leggere la pagina dall'alto verso il basso.
Come altri hanno già detto, senza Javascript non è possibile garantire un campo predefinito. Un'opzione alternativa che potresti provare, se hai più campi a cui un utente potrebbe voler accedere, sta usando l' accesskeyattributo. Ciò significa essenzialmente che un utente può tornare in uno dei campi immediatamente dopo la navigazione, il che può tornare utile per gli utenti di screen reader, ecc.
L'articolo di Wikipedias su questo argomento è abbastanza utile - http://en.wikipedia.org/wiki/Access_key
Questo non è possibile senza una qualche forma di scripting. Anche la home page di Google richiede Javascript per focalizzare il campo di ricerca.
Potresti essere in grado di utilizzare il tabindexTuttavia, attributo e utilizzare il valore più basso nella casella di testo predefinita. Controlla qui per il supporto del browser:
http://reference.sitepoint.com/html/object/tabindex#compatibilitysection
Il sito suggerisce questo
(in quasi tutti gli altri casi, vale a dire controlli dei moduli e collegamenti, il tabindex ha un eccellente supporto)