Comment puis-je rendre une entrée de texte non modifiable?
donc j'ai une entrée de texte
<input type="text" value="3" class="field left">
voici ma CSS pour ça
background:url("images/number-bg.png") no-repeat scroll 0 0 transparent;
border:0 none;
color:#FFFFFF;
height:17px;
margin:0 13px 0 0;
text-align:center;
width:17px;
est-ce qu'il y a un réglage ou un truc à ça, je pensais plutôt faire une étiquette mais qu'en est-il du style. Comment puis-je convertir et est-il une meilleure façon ou est-ce le seul moyen?
7 réponses
<input type="text" value="3" class="field left" readonly>
pas de style nécessaire.
voir <input> sur MDN https://developer.mozilla.org/en/docs/Web/HTML/Element/input#Attributes
Vous pouvez ajouter l'attribut readonly à l'entrée:
<input type="text" value="3"
class="field left" readonly="readonly">
plus d'information: http://www.w3schools.com/tags/att_input_readonly.asp
vous pouvez utiliser l'attribut readonly , si vous voulez que votre entrée soit lue seulement. Et vous pouvez utiliser l'attribut disabled , si vous voulez que les entrées soient affichées, mais totalement désactivées (même les langages de traitement comme PHP ne seront pas capables de les lire).
Juste pour compléter les réponses disponibles:
un élément d'entrée peut être en lecture seule ou désactivé (aucun n'est modifiable, mais il y a quelques différences: focus,...)
une bonne explication peut être trouvée ici:
Quelle est la différence entre disabled="disabled" et readonly="readonly" pour les champs D'entrée HTML?
comment utiliser:
<input type="text" value="Example" disabled />
<input type="text" value="Example" readonly />
il y a aussi des solutions pour le faire à travers CSS ou JavaScript comme expliqué ici .
ajouter l'attribut readonly
<input type="text" value="3" class="field left" readonly="readonly" >
ou -
<input type="text" value="3" class="field left" readonly>
pas besoin de css!
vous avez juste besoin d'ajouter désactivé à la fin
<input type="text" value="3" class="field left" disabled>
<input type="text" value="3" class="field left" readonly>
vous pouvez voir dans https://www.w3schools.com/tags/att_input_readonly.asp
La méthode pour définir "readonly":
$("input").attr("readonly", true)
annuler "readonly"(en jQuery):
$("input").attr("readonly", false)