dilluns, 18 de novembre del 2013

Formularis HTML. Input

La definició de camp amb HTML es fa amb l’etiqueta <input>
Exemple:

<input type="text" name="nombre">

Atributs: 

  • type: tipus de control 
  • name: nom de control
  • value: valor inicial
  • size: mida(en pixels, menys text i password que es medeix en caràcters).
  • maxlength: màxima llargada d’informació que pot entrar l’usuari.
  • checked : si el camp és tipus radio o checkbox indica si està seleccionat
  • src: si el camp és tipus image indica la localització de la imatge.
Exemple:

<html>
<body>
<form action="">
Nom: <input type="text" size="30"><br>
Mail: <input type="text" size="30"><br>
Data naixement: <input type="text" size="10">
</form>
</body>
</html>

Valors que pot pendre l'atribut type:text|password|checkbox|radio|submit|reset|file|hidden|image|button 

  • text: per introduir text 
  • password: igual a l’anterior però amb ocultació dels caràcters entrats 
  • checkbox: casella de verificació
    radio: radio button 
  • submit: botó d’enviament 
  • image: botó gràfic 
  • reset: botó de reinicialització 
  • button: botó. Amb la propietat name ens permet entrar el ròtul del botó 
  • hidden: camp ocult 
  • file: selecció de fitxer.
Un exemple per provar


Cap comentari:

Publica un comentari a l'entrada