텍스트 입력이 있습니다
<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
답변
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 />답변
<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가 필요 없습니다!
답변
마지막 에 비활성화 를 추가해야합니다.
<input type="text" value="3" class="field left" disabled>