Exemple de placeholders sur fond de Tre Cime di Lavaredo dans les Dolomites italiennes

Effet de placeholder sur un input

Les éléments de formulaire HTML input possèdent un attribut placeholder qui permet de donner à l’utilisateur une indication sur une information à entrer. Par exemple, si l’on demande un...
Input type number sur un mobile Android sur fond d'île sous le vent Bora Bora en Polynésie Française

Limiter les entrées d’un input type number

Lorsque l’on propose un formulaire à l’utilisateur pour entrée des données numériques, on dispose d’une zone de saisie de type number. L’utilisateur ne peut entrer alors que des données...
Un input type file, une dropbox, un bouton sur fond de pont vieux et de cathédrale à Béziers

Input type file, esthétisme, drop box

L’élément de formulaire input de type fichier file n’est pas stylisable et est considéré comme laid à la fois par les utilisateurs et les développeurs. Il est néanmoins possible...
Générer un nicename unique

Générer un nicename unique pour wordPress

On peut avoir besoin dans wordPress de générer un nicename unique lorsque l’on importe ou que l’on ajoute un utilisateur. Voici une petite fonction qui assainit une chaîne (par...
Sur fond jaune et bleu javascript et jquery ecma script écrits avec le logo js

Snippets en javaScript et jQuery

Accéder à une variable par une chaîne Ceci peut être bien utile dans des boucles ou des tests. Supposons que l’on ait défini la variable element1, par exemple :...
Inputs responsives et adaptables en largeur

Ajuster un input avec un label inline pour s’adapter en largeur

Démo : Input qui s’adapte à toute la largeur du bloc avec un label inline. Nom : Adresse de messagerie : Site web : Les labels sont des blocs...
Options utilisateur d'une extension Chrome.

Options d’une extension Chrome

Pour permettre aux utilisateurs de personnaliser le comportement d’une extension Chrome, on voudra peut-être fournir une page d’options. On peut le faire dans une page d’options accessible par un clic droit...
Ajouter un titre à un select

Ajouter un titre à un <select>

Un <select> normal: SydneyMelbourneCromwellQueenstown <select> <option value="sydney">Sydney</option> <option value="melbourne">Melbourne</option> <option value="cromwell">Cromwell</option> <option value="queenstown">Queenstown</option> </select> 123456 <select> <option value="sydney">Sydney</option> <option value="melbourne">Melbourne</option> <option value="cromwell">Cromwell</option> <option value="queenstown">Queenstown</option></select> Un <select> avec un titre...
Suivi de la taille du texte saisi dans un input

Ajuster la taille d’un input

On peut vouloir ajuster la taille d’un input si l’entrée est plus longue que le cadre affiché. Taper une longue phrase dans l’input suivant : Entrer un texte :...
Different box sizes - box-sizing

La propriété CSS box-sizing

Par défaut, le navigateur calcule la largeur/hauteur d’une boite (div) sur le contenu (content-box). Cela amène des difficultés, lorsque l’on a un padding (marge intérieure) non-nul et une bordure....