Wie mache ich eine Texteingabe nicht bearbeitbar?

Question

Also habe ich ein Texteingabefeld

Hier ist mein CSS dafür

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; 

Gibt es eine Einstellung oder einen Trick dafür? Ich habe daran gedacht, stattdessen ein Label zu verwenden, aber wie sieht es mit dem Styling aus? Wie konvertiere ich sie und gibt es einen besseren Weg oder ist das der einzige Weg?

Answer 1

Kein Styling erforderlich.

Siehe auf MDN https://developer.mozilla.org/en/docs/Web/HTML/Element/input#Attributes

Answer 2

Sie können dem Eingabefeld das Attribut readonly hinzufügen:

Weitere Informationen: http://www.w3schools.com/tags/att_input_readonly.asp

Answer 3

Sie können das readonly Attribut verwenden, wenn Sie möchten, dass Ihr Eingabefeld nur gelesen werden kann. Und Sie können das disabled Attribut verwenden, wenn Sie möchten, dass das Eingabefeld angezeigt wird, aber vollständig deaktiviert ist (auch Verarbeitungssprachen wie PHP können diese nicht lesen).

Answer 4

Nur um die verfügbaren Antworten zu vervollständigen:

Ein Eingabeelement kann entweder readonly oder disabled sein (keines davon ist bearbeitbar, aber es gibt ein paar Unterschiede: Fokus,...)

Gute Erklärung finden Sie hier:
Was ist der Unterschied zwischen disabled="disabled" und readonly="readonly" für HTML-Formulareingabefelder?

Wie man es benutzt:

Es gibt auch einige Lösungen, um dies über CSS oder JavaScript zu erreichen, wie hier erklärt hier.

Answer 5

Wenn Sie wirklich CSS verwenden möchten, verwenden Sie die folgende Eigenschaft, die das Feld nicht bearbeitbar macht.

pointer-events: none;