Formulaire de pratique et d'analyse HTML5 - obtenez automatiquement l'attribut focus (attribut autofocus)

HTML5 a ajouté de nombreuses nouvelles fonctions au formulaire. Menglong Station vous les présentera lentement Aujourd'hui, je vais vous présenter les attributs de focus nouvellement ajoutés dans le formulaire HTML5.

HTML5 ajoute l'attribut autofocus. Dans les navigateurs qui le prennent en charge, tant que cet attribut est défini, le focus peut être automatiquement déplacé vers le champ correspondant sans utiliser JavaScript pour obtenir dynamiquement le focus. Un petit exemple est le suivant :

　Code HTML

<input type="text" value="梦龙小站" autofocus />

　Effet d'aperçu

Afin de garantir que le code ci-dessus s'exécute normalement dans le navigateur où l'autofocus est défini, nous devons détecter si cet attribut est défini en JavaScript. Si défini, il n’est pas nécessaire d’appeler la méthode focus().

　Code JavaScript

function load(){
	var oInp = document.getElementById("inp");
	if(oInp.autofocus != true){
		oInp.focus();
	}
}
window.addEventListener('load',load, false);

　Code HTML

<input type="text" value="梦龙小站" autofocus />

　Effet d'aperçu

Étant donné que l'autofocus est un attribut booléen, sa valeur est "true" dans les navigateurs pris en charge et sa valeur est une chaîne vide dans les navigateurs non pris en charge. Le code ci-dessus n'appellera la méthode focus() que si l'autofocus n'est pas égal à true, garantissant ainsi la compatibilité ascendante. Les navigateurs qui prennent en charge l'attribut autofocus incluent Firefox 4, Safari 5, Chrome et Opera 9.6

Par défaut, seul le formulaire peut obtenir le focus. Pour les autres éléments d'étiquette, si vous définissez d'abord leur attribut tabIndex sur -1 puis appelez la méthode focus(), ces éléments peuvent également être focalisés, mais seul Opera ne prend pas en charge cette technologie.

HTML5 rend vraiment la vie de codage de chacun très simple. Un petit attribut enregistre une ou même plusieurs lignes de code JavaScript, rendant la vie de codage de chacun plus facile et plus confortable. Ceci conclut l'introduction aux formulaires pratiques et d'analyse HTML5 - obtention automatique de l'attribut focus (attribut autofocus) J'espère que cela sera utile à tout le monde dans les applications HTML5.

Ce qui précède est le formulaire de combat et d'analyse HTML5 réel - le contenu de l'obtention automatique de l'attribut focus (attribut autofocus). Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn). !