Un input select sur fond du Sea Cliff Bridge près de Wollongong au sud de Sydney en Australie

Un input select à la manière de select2 en pure javascript

Select2 vous offre une zone de sélection personnalisable avec prise en charge de la recherche dans une liste, un peu comme un élément de formulaire select ou une autocompletion,...
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

Afficher la localisation du script js sans le domaine origin Cette technique n’est pas forcément disponible sur tous les navigateurs et reste expérimental. On utilise l’objet document.currentScript : const...
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...