Présentation
Le tag inputtext permet d'afficher une champ texte HTML (balise < input type="text" >)
Exemple Smarty
{inputtext id="monChamp" value=$valeur}
{inputtext id="monChamp" value="valeur par defaut"}
Paramètres
défini par l'utilisateur
Vous pouvez spécifier n'importe quel autre paramètre HTML pour ce champ texte.
Par exemple :
{inputtext id="monChamp" value=$ppo->valeur}
Produira le code suivant :
<input text id="monChamp" name="monChamp" value="valeur de $ppo->valeur" />
maxlength
Le paramètre maxlength permet de définir la longueur maximale du champ (en caractères).
Par exemple :
{inputtext id="monChamp" maxlength="3"}
Produira le code suivant :
<input type="text" id="monChamp" name="monChamp" maxlength="3" />
next et previous
Le paramètre next permet de définir le champ suivant au niveau du focus tandis que le paramètre previous permet de définir le champ précédent au niveau du focus. Le paramètre next doit obligatoirement être accompagné du paramètre maxlength pour fonctionner.
Par exemple :
{inputtext id="monChamp2" maxlength="3" previous="monChamp1" next="monChamp3"}
Produira le code suivant :
<input type="text" id="monChamp2" name="monChamp2" maxlength="3" onKeyDown="javascript:focusid(this,3,event,'monChamp3','monChamp2');" />
<!-- + Fonctions JavaScript de contrôle -->
assign
Le paramètre assign permet d'indiquer le nom de la variable à laquelle sera assigné le code HTML produit par Smarty. Attention, en précisant ce paramètre, le champ ne sera pas affichée mais seulement assigné à une variable.
{inputtext id="monChamp" assign="maVariable"}
{* et si l'on souhaite ensuite l'utiliser *}
{$maVariable}
name & id
Les paramètres name et id servent à spécifier une valeur pour les paramètres name et id de l'input généré. L'un ou l'autre doit être donné.
Si id est donné mais pas name, alors name aura la valeur de id. Si name est donné mais pas id, alors id aura la valeur de name. Si les deux paramètres sont donnés, alors ils garderont bien sûr leur valeur propre.
{inputtext id="monChamp"}
//génère <input type="text" id="monChamp" name="monChamp" />
{inputtext name="monAutreChamp"}
//génère <input type="text" id="monAutreChamp" name="monAutreChamp" />
{inputtext name="champName" id="champId"}
//génère <input type="text" id="champId" name="champName" />