HTML 태그 및 비활성화

정의 및 사용법

태그는 사용자 정보를 수집하는 데 사용됩니다.
유형 속성 값에 따라 입력 필드에는 다양한 형태가 있습니다. 입력 필드는 텍스트 필드, 체크박스, 마스크된 텍스트 컨트롤, 라디오 버튼, 버튼 등이 될 수 있습니다.
HTML과 XHTML의 차이점
HTML에서는 태그에 닫는 태그가 없습니다.
XHTML에서는 태그를 올바르게 닫아야 합니다.
예
두 개의 텍스트 입력 상자와 제출 버튼을 포함하는 간단한 HTML 양식:

<form action="form_action.asp" method="get">  
  First name: <input type="text" name="fname" />  
  Last name: <input type="text" name="lname" />  
  <input type="submit" value="Submit" />  
</form>

disabled 속성은 입력 요소를 지정합니다. 비활성화되어야 합니다.
비활성화된 입력 요소는 사용할 수도 없고 클릭할 수도 없습니다. 비활성화된 속성은 다른 조건(예: 확인란 선택 등)이 충족될 때까지 설정될 수 있습니다. 그런 다음 JavaScript를 사용하여 비활성화된 값을 제거하고 입력 요소의 값을 사용 가능으로 전환해야 합니다.

다음 세 가지 쓰기 방법으로 입력을 비활성화할 수 있습니다

<input type="text" disabled="disabled" value="已禁用" />  
<input type="text" disabled="disabled" value="已禁用" />  
<input type="text" disabled="disabled" value="已禁用" />

비활성화된 입력은 기본적으로 회색으로 표시되며 스타일을 변경할 수 있습니다. CSS를 통해 수정되었습니다. 참고: IE9 이하는 글꼴 색상을 변경할 수 없습니다.
1. CSS3 :disabled 의사 요소 정의를 사용하세요.

//Chrome Firefox Opera Safari   
input:disabled{   
    border: 1px solid #DDD;   
    background-color: #F5F5F5;   
    color:#ACA899;   
}

2. 속성 선택기를 사용하여

//IE6 failed   
input[disabled]{   
    border: 1px solid #DDD;   
    background-color: #F5F5F5;   
    color:#ACA899;   
}

를 정의하세요.

3. 클래스를 사용하여 입력이 비활성화되도록 클래스를 정의하고 추가합니다

input.disabled{   
    border: 1px solid #DDD;   
    background-color: #F5F5F5;   
    color:#ACA899;   
}

최종 결과:

//Chrome Firefox Opera Safari IE9+   
input:disabled{   
    border: 1px solid #DDD;   
    background-color: #F5F5F5;   
    color:#ACA899;   
}   
//IE8-   
input[disabled]{   
    border: 1px solid #DDD;   
    background-color: #F5F5F5;   
    color:#ACA899;   
}   
//IE6 Using Javascript to add CSS class "disabled"  
* html input.disabled{   
    border: 1px solid #DDD;   
    background-color: #F5F5F5;   
    color:#ACA899;   
}

참고: IE8 버그
IE8은:disabled를 인식하지 못하기 때문에 input[disabled] 및 input:disabled 스타일을 별도로 작성하거나 input[disabled를 사용할 수 있습니다. ] 곧장. ;IE9 이하에서는 글꼴 색상을 변경할 수 없습니다.

HTML의 태그 및 비활성화와 관련된 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!