oujood.com

  HTML L’attribut align de la balise input

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.

chercher |

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:

Exemple :       Copier 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 :

Exemple :       Copier 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

Voir aussi nos tutoriel :

HTML et CSS le design d'une page web

Faire le design du site Web avec le css...

caption-side

Indique l'emplacement d'une légende du tableau

PHP gestion d'erreur

Gestion d'erreur