Comment empêcher de coller du texte dans un input HTML ?

Réponses rédigées par Antoine
Dernière mise à jour : 2020-02-15 17:48:08
Thèmes : webmaster - input - html - javascript
Question

Comment faire pour empêcher un utilisateur de coller du texte dans un input en HTML ?

Réponse

Pour empêcher un utilisateur de coller du texte dans un input en HTML, vous pouvez utiliser l'évènement onpaste.

<input type="text" value="" onpaste="return false;">

Vous pouvez également éviter d'utiliser un évènement, et désactiver la fonction coller en pure JavaScript.

<input type="text" value="" id="test">

<script>
window.onload = function() 
{
 const inputText = document.getElementById('test');
 inputText.onpaste = function(e) 
 {
   e.preventDefault();
 }
}
</script>