HTML L’attribut align de la balise input

Somaire

Définition et utilisation l’attribut align

LES BALISES HTML

L’attribut align de la balise input n'est pas pris en charge dans HTML5. Utilisez CSS à la place.

L'attribut align de <input> est déconseillé dans HTML 4.01.

L'attribut align est utilisée uniquement avec <input type="image"> et il détermine l'alignement de l'image d'entrée en fonction aux éléments environnants.

Syntaxe

<input align="left|right|middle|top|bottom">


Exemple Un formulaire HTML avec une image comme un bouton d'envoi. Le bouton est aligné à droite:

Sélectionner le code

	  <form action="page cible">
	    Nom: <input type="text" name="nom"><br>
	    <input type="image" src="monImage.gif" alt="Envoyer" align="right"
	    width="40" height="40">
	  </form>
    
 

Navigateurs pris en charge

Internet Explorer Firefox Opéra Google Chrome Safari

Remarque: Seules les valeurs "left" et "right" de l'attribut align fonctionnent correctement dans tous les navigateurs principaux.


Remarques sur la compatibilité

L'attribut align de <input> est obsolète en HTML 4.01. Utilisez CSS à la place.

SyntaxeCSS: <input type="image" style="float:right">

Exemple CSS: aligner l'entrée image à droite :

Sélectionner le code

            

<form action="page cible">
  Nom: <input type="text" name="nom"><br>
  <input type="image" src="monImage.gif" alt="Envoyer" style="float:right"
  width="40" height="40">
</form>

Dans cet exemple nous utilisons la propriété css float pour aligner l’input image à droite.

Dans notre tutorial CSS, vous pouvez trouver plus de détails sur la propriété float .


Valeurs d'attributs

Valeur

Description

left

Gauche-aligne l'image (ce qui est par défaut)

right

Aligne l'image àdroite

top

Aligne l'image en haut

middle

Aligne l'image au milieu

bottom

Aligne l'image en bas


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 :

    Comment installer PHP sur son PC

    Installation de PHP. Puisque PHP est libre, la plupart des serveurs Web fournisse le PHP. Cependant, si votre serveur ne soutient pas le PHP, vous devez l'installer. Voici comment le faire.

    fonction number_format, number_format

    Formate un nombre pour l'affichage

    les grilles en bootstrap

    Comment on utilise le système de grilles Bootstrap 3 pour deviser facilement les pages web en lignes et colonnes.



    Rentabilisez efficacement votre site