HTML5 input type range show range value

Question

Je suis en train de créer un site Web où je veux utiliser un curseur de gamme (je sais qu'il ne supporte que les navigateurs webkit).

Je l'ai intégré complètement et il fonctionne bien. Mais je voudrais utiliser un textbox pour afficher la valeur actuelle de la diapositive.

Je veux dire que si initialement le curseur est à la valeur 5, donc dans la boîte de texte il devrait montrer comme 5, quand je glisse la valeur dans la boîte de texte devrait changer.

Puis-je le faire en utilisant seulement CSS o html . Je veux éviter JQuery . Est-ce possible ?

Answer 1

<form name="registrationForm">
    <input type="range" name="ageInputName" id="ageInputId" value="24" min="1" max="10" onchange="getvalor(this.value);" oninput="ageOutputId.value = ageInputId.value">
    <input type="text" name="ageOutputName" id="ageOutputId"></input>
</form>

Answer 2

Si vous cherchez toujours la réponse, vous pouvez utiliser input type="number" à la place de type="range" min max fonctionne s'il est défini dans cet ordre :
1-nom
2-longueur maximale
3-taille
4-min
5-max
il suffit de le copier

<input  name="X" maxlength="3" size="2" min="1" max="100" type="number" />