Jak uniemożliwić edycję wpisu tekstowego?

273

Więc mam wprowadzania tekstuJak uniemożliwić edycję wpisu tekstowego?

<input type="text" value="3" class="field left">

Oto mój CSS bo

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;

Czy jest ustawienie lub podstęp do tego, myślałem zrobić etykietę zamiast ale jak o stylizacja. Jak mogę je przekonwertować i czy istnieje lepszy sposób, czy jest to jedyny sposób?

Źródło

2010-09-09 Trace

579

<input type="text" value="3" class="field left" readonly>

Nie wymaga stylizacji.

Zobacz <input> na MDN https://developer.mozilla.org/en/docs/Web/HTML/Element/input#Attributes

Źródło

2010-09-09 11:36:20 BoltClock

lub readonly = „readonly” jeśli chcesz to wszystko jest XML-y, patrz przykład Stephana Mullera poniżej :) –

@Algy Taylor: Tak, to było w pierwotnej odpowiedzi, gdy oryginalny pytanie miał nieobliczalny [ xhtml], który zawiódł wszystkich, co było ważne, dla którego standardu:/ – BoltClock

jest jakiś sposób usunięcia tego czerwonego kółka, które pojawia się po najechaniu na 'textarea' za pomocą atrybutu' readonly'? –

Możesz dodać atrybut readonly do wejścia:

<input type="text" value="3" 
     class="field left" readonly="readonly">

Więcej informacji: http://www.w3schools.com/tags/att_input_readonly.asp

Źródło

2010-09-09 11:37:30

Można użyć atrybutu readonly, jeśli chcesz, aby Twój wkład tylko do odczytu. Możesz użyć atrybutu disabled, jeśli chcesz, aby dane wejściowe były pokazywane, ale całkowicie wyłączone (nawet języki przetwarzania takie jak PHP nie będą w stanie ich odczytać).

Źródło

2010-09-09 11:40:02 jolt

php działa po stronie serwera, miałeś na myśli javascript? –

Po wysłaniu formularza do pliku php nie będzie czytał zablokowanych danych wejściowych. Być może to właśnie miał na myśli. – Carlos2W

co akurat dzieje się to, że wyłączone dane wejściowe NIE są NAWET WYSŁANE po przesłaniu formularza, nie ma nic wspólnego z php, js lub cokolwiek. – vasilevich

dodać atrybut tylko do odczytu

<input type="text" value="3" class="field left" readonly="readonly" >

lub -

<input type="text" value="3" class="field left" readonly>

No CSS potrzebne!

Źródło

2013-11-10 04:22:43 Vibhaas

+19

Co to może dodać do pytania, na które moja odpowiedź i odpowiedź Stephana z więcej niż 3 lat wcześniej nie istniały? Nawet nie wspominałeś, że moje oświadczenie o CSS nie jest potrzebne. – BoltClock

Wystarczy wypełnić odpowiedź dostępny:

Element wejściowy może być tylko do odczytu lub wyłączone (żadna z nich nie jest edytowalny, ale istnieje kilka różnic: focus, ...)

Dobry wyjaśnienie można znaleźć tutaj:
What's the difference between disabled=“disabled” and readonly=“readonly” for HTML form input fields?

Jak używać:

<input type="text" value="Example" disabled /> 
<input type="text" value="Example" readonly />

Istnieje również kilka rozwiązań umożliwiających przejście przez CSS lub JavaScript zgodnie z wyjaśnieniami here.

Źródło

2013-12-04 10:43:07 jsidera

Jeśli zamierzasz używać '/>' do zamykania tagów, możesz również rozszerzyć swoje atrybuty na 'disabled =" wyłączone "' i 'readonly =" readonly "' too. – BoltClock

wystarczy dodać wyłączoną pod koniec

<input type="text" value="3" class="field left" disabled>

Źródło

2016-08-22 17:08:34 Michan

Wartość nie zostanie przesłana, jeśli zostanie wyłączona. Może to być coś, czego * ty * potrzebujesz, ale nie o to pytano. * Na marginesie, przyjechałem tutaj właśnie dlatego, że moje "wyłączone" dane wejściowe nie zachowywały się tak, jak oczekiwałem * – Balmipour

<input type="text" value="3" class="field left" readonly>

Widać w https://www.w3schools.com/tags/att_input_readonly.asp

Sposób ustawienie "tylko do odczytu":

$("input").attr("readonly", true)

do anuluj "tylko do odczytu" (praca w jQuery):

$("input").attr("readonly", false)

Źródło

2017-03-30 07:58:31

element.setAttribute ("readonly", false) nie działają –

Jak uniemożliwić edycję wpisu tekstowego?

Odpowiedz

Powiązane problemy