alt
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...
alt
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...
alt
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...
alt
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...
alt
Snippets en javaScript et jQuery
Array.prototype.entries() et Object.entries() La méthode entries() sur un tableau retourne un nouvel objet itérateur de tableau Array Iterator qui contient les paires de clé/valeur pour chaque index du tableau. const arr =...
alt
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...
alt
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...
alt
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...
alt
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 :...
alt
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....