JSFiddle - React, Tailwind, and code Playground

by End_i

HTML

<form>
    <label for="Prenom">Prénom : </label><input type="text" id="Prenom" name="Prenom" placeholder="Votre prénom" /><br />
    <label for="Nom">Nom : </label><input type="text" id="Nom" name="Nom" placeholder="Nom de famille"><br />
    <label for="Courriel">Courriel : </label><input type="text" id="Courriel" name="Courriel" placeholder="Adresse courriel">
</form>

JavaScript

/*
 * Placeholder pour les vieux navigateurs
 */
var place_val = [];

$("input[placeholder]").each(function(i) {
    place_val[i] = $(this).attr('placeholder');
    $(this).val(place_val[i]);
   $(this).attr('placeholder', '');

    $(this).focus(function(){
        if ($(this).val() == place_val[i]) {
            $(this).val("");
        }
    }).blur(function(){
        if ($.trim($(this).val()) == "") {
            $(this).val(place_val[i]);
        }
    });
});