Comment définir la zone de texte de saisie d'un formulaire pour qu'elle ne soit pas modifiable

Comment définir la zone de texte de saisie du formulaire pour qu'elle soit non modifiable : créez d'abord le fichier de code correspondant ; puis définissez le champ du formulaire sur "onfocus=this.blur(), en lecture seule, désactivé" pour obtenir le non-modification. -fonction modifiable.

Ce que cet article vous apporte, c'est d'utiliser la zone de texte de saisie comme exemple pour présenter comment définir le formulaire pour qu'il ne soit pas modifiable, afin que tout le monde peut comprendre comment implémenter tous les champs de formulaire (zone de texte, étiquette, case à cocher, zone de texte) méthode non modifiable, connaître la différence entre l'attribut en lecture seule et l'attribut désactivé. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Parfois, nous devons afficher les champs du formulaire en mode non modifiable, alors comment y parvenir ? Nous pouvons obtenir la fonction non modifiable du formulaire en définissant les méthodes suivantes pour les champs du formulaire (zone de texte de saisie, étiquette, case à cocher, zone de texte). [Tutoriels vidéo associés recommandés : tutoriel HTML]

Prenons la zone de texte de saisie comme exemple pour voir l'effet :

1. flou( )

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

On peut voir que la zone de texte de saisie du formulaire ne peut pas être cliquée et ne peut pas être modifiée, le texte à l'intérieur ne peut pas être sélectionné ;

2. Attribut en lecture seule

<input type="text" name="input1" value="php中文网" readonly> 

<input type="text" name="input1" value="php中文网" readonly="true">

On peut voir que la zone de texte de saisie du formulaire ne peut pas être cliquée . Edité.

3. attribut désactivé

<input type="text" name="input1" value="php中文网" disabled>

Remarque :

Nous pouvons Ne définissez pas l'attribut en lecture seule pour tous les champs ou éléments du formulaire. Les éléments , et n'ont pas d'attribut en lecture seule, mais ils ont un attribut désactivé, qui peut être défini pour obtenir une fonctionnalité non modifiable.

Jetons un coup d'œil à Quelle est la différence entre l'attribut en lecture seule et l'attribut désactivé ?

L'attribut readonly et l'attribut désactivé sont tous deux des attributs non modifiables des champs de formulaire (zones de texte, étiquettes, cases à cocher, zones de texte

Attribut désactivé----Attribut désactivé

1. Les champs de formulaire ou les valeurs d'élément désactivés ne seront pas publiés sur le serveur pour traitement.

2. Les champs ou éléments de formulaire désactivés ne recevront pas le focus.

3. Les champs ou éléments de formulaire désactivés seront ignorés lors de la navigation dans les onglets.

4. Certains navigateurs (tels qu'IE) fournissent des styles par défaut (texte gris ou en relief) pour les champs ou éléments de formulaire désactivés.

attribut en lecture seule ----attribut en lecture seule

1 La valeur du champ ou de l'élément est publiée sur le serveur sous forme de lecture seule pour traitement.

2. Les champs ou éléments de formulaire en lecture seule peuvent obtenir le focus.

3. Contenir des champs ou des éléments de formulaire en lecture seule lors de la navigation par onglets.

4. Certains navigateurs ne fournissent pas de styles par défaut pour les champs ou éléments de formulaire en lecture seule.

Résumé : Ce qui précède représente l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun.

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!