HTML L'attribut autofocus de la balise input

Somaire

Définition et utilisation attribut autofocus de la balise input

LES BALISES HTML

L'attribut autofocus est un attribut booléen.

Lorsqu l'attribut autofocus est présent, il spécifie qu'un élément <input> devrait automatiquement obtenir le focus lorsque la page se charge.

Syntaxe

<input autofocus="autofocus">


Exemple Le champ "Prénom" obtient automatiquement le focus lors du chargement de la page:

Sélectionner le code

            

<!DOCTYPE html>

<html lang="fr">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>html5 demo</title>

</head>

<body>

 

<form action="demo_form.asp">

Prénom:<input type="text" name="pname" autofocus="autofocus"><br>

Nom: <input type="text" name="nom"><br>

<input type="submit">

</form>

 

<p><b>Note:</b> L'attribut autofocus n'est pas pris en charge par IE.</p>

 

</body>

</html>


Navigateurs pris en charge

Internet Explorer Firefox Opéra Google Chrome Safari

L'attribut autofocus est pris en charge dans tous les principaux navigateurs, sauf Internet Explorer.


Différences entre HTML 4.01 et HTML5

L'attribut autofocus est nouveau dans HTML5.


Remarque: L'attribut autofocus est un attribut booléen, et peut être réglé par les moyens suivants:
<input autofocus>
<input autofocus="autofocus">
<input autofocus="">

Retour à l'accueil du site

Par carabde 10 mars 2014

  • Trafic Booster
    hebergement web

    SCREEBER - Logiciel de copywriting

    SCREEBER - Logiciel de copywriting Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent


    HTML5, CSS3, JavaScript pour débutants Tome 1
    HTML5, CSS3, JavaScript
    pour débutants Tome 1

    Premier tome d'une série vidéo dédiée à l'apprentissage des langages HTML, CSS et JavaScript.

    Regarder aussi nos cours :

    Espaces de noms XML

    Espaces de noms XML

    L'instruction throw de javascript

    L'instruction throw de js : L'instruction throw vous permet de créer une exception. Si vous utilisez cette commande avec l'instruction try ... catch, vous pouvez contrôler le déroulement du programme et de générer des messages d'erreur précis.

    border-spacing

    Spécifie la distance entre les frontières des cellules adjacentes



    Rentabilisez efficacement votre site