텍스트 입력이 있습니다
<input type="text" value="3" class="field left">여기 내 CSS가 있습니다.
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; 이것에 대한 설정이나 트릭이 있습니까? 라벨 대신 스타일을 사용하는 방법을 생각하고있었습니다. 어떻게 변환하고 더 좋은 방법이 있습니까 아니면 유일한 방법입니까?
답변:
<input type="text" value="3" class="field left" readonly>스타일링이 필요하지 않습니다.
참조 <input>MDN에 https://developer.mozilla.org/en/docs/Web/HTML/Element/input#Attributes
textarea와 readonly속성은?
readonly입력에 속성 을 추가 할 수 있습니다 .
<input type="text" value="3"
class="field left" readonly="readonly">추가 정보 : http://www.w3schools.com/tags/att_input_readonly.asp
readonly입력 만 읽으려면 속성 을 사용할 수 있습니다 . disabled입력을 표시하고 싶지만 완전히 비활성화 하려면 속성 을 사용할 수 있습니다 (PHP와 같은 처리 언어조차도 읽을 수 없습니다).
사용 가능한 답변을 완료하려면 다음을 수행하십시오.
입력 요소는 읽기 전용이거나 비활성화 될 수 있습니다 (아무 것도 편집 할 수 없지만 몇 가지 차이점이 있습니다 : 포커스, ...).
좋은 설명은 여기에서 찾을 수 있습니다 :
비활성화 =의 차이는 HTML 폼 입력 필드에 대한 "읽기 전용"= 읽기 전용 "장애인"과 무엇입니까?
사용하는 방법:
<input type="text" value="Example" disabled />
<input type="text" value="Example" readonly />/>태그를 닫으려면, 당신은뿐만 아니라 당신의 특성을 확장 할 수 disabled="disabled"및 readonly="readonly"도.
<input type="text" value="3" class="field left" readonly>https://www.w3schools.com/tags/att_input_readonly.asp 에서 볼 수 있습니다
"읽기 전용"을 설정하는 방법 :
$("input").attr("readonly", true)"읽기 전용"을 취소하려면 (jQuery에서 작동) :
$("input").attr("readonly", false)읽기 전용 속성을 추가하십시오
<input type="text" value="3" class="field left" readonly="readonly" >또는-
<input type="text" value="3" class="field left" readonly>CSS가 필요 없습니다!
추가 readonly:
<input type="text" value="3" class="field left" readonly>값을 양식으로 제출하지 않으려면 대신 disabled속성을 추가하십시오 .
<input type="text" value="3" class="field left" disabled>항상 이렇게하는 CSS를 사용하는 방법은 없습니다.
왜? CSS는 아무것도 "비활성화"할 수 없습니다. 여전히 표시 또는 가시성 및 사용을 끌 수 pointer-events: none있지만 pointer-eventsIE 11 이전에 나온 IE 버전에서는 작동하지 않습니다.