Partager plusieurs méthodes d'implémentation du texte de la zone de texte HTML indisponible et en lecture seule

Cet article présente diverses méthodes d'implémentation pour que le texte de la zone de texte HTML soit indisponible et en lecture seule. Si nécessaire, vous pouvez vous y référer

Parfois, nous espérons que la zone de texte du formulaire est en lecture seule. afin que les utilisateurs ne puissent pas les modifier, cet article a compilé une variété de méthodes de mise en œuvre, les amis intéressés peuvent se référer à ce qui suit. Première méthode : Non disponible
Méthode deux : > Méthode 3 : Masquer (mais prend de la place)
Méthode 4 : Masquer (n'occupe pas d'espace)

Parfois, nous souhaitons que la zone de texte du formulaire soit en lecture seule afin que l'utilisateur ne puisse pas modifier les informations dans tel que < Dans le contenu de l'entrée type="text" name="input1" value="Chine">, le mot "Chine" ne peut pas être modifié. Pour résumer, les modalités de mise en œuvre sont les suivantes.

Méthode 1 : onfocus=this.blur()

Le code est le suivant :

<input type="text" name="input1" value="中国" onfocus=this.blur()>

Méthode 2 : lecture seule

Le code est le suivant :

<input type="text" name="input1" value="中国" readonly> 
<input type="text" name="input1" value="中国" readonly="true">

Méthode 3 : désactivée

Le code est le suivant :

<input type="text" name="input1" value="中国" disabled>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!