HTML의 태그에 대한 자세한 설명과 비활성화 방법_HTML/Xhtml_웹페이지 제작

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

XML/HTML 코드클립보드에 콘텐츠 복사

1. <양식 액션="form_action.asp" 방법="get">
2. 이름: <입력 유형= "텍스트" 이름="f이름" />
3. 성: <입력 유형= "텍스트" 이름="lname" />
4. <입력 입력="제출" 값="제출" />
5. 양식>

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

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

XML/HTML 코드클립보드에 콘텐츠 복사

1. <입력 입력="텍스트" 비활성화="비활성화" 값="사용 안 함" />
2. <입력 유형="텍스트" 비활성화="비활성화" 값="사용 안 함" />
3. <입력 유형="텍스트" 비활성화="비활성화" 값="사용 안 함" />

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

CSS 코드클립보드에 콘텐츠 복사

1. //크롬 파이어폭스 오페라 사파리
2. 입력:비활성화{
3. 테두리: 1px 단단함 #DDD
4. 배경색: #F5F5F5;
 
5. 색상:#ACA899; 
}

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

을 정의합니다.

CSS 코드

클립보드에 콘텐츠 복사

1. //IE6 실패
입력[비활성화]{
3. 테두리: 1px 단단함 #DDD
4. 배경색: #F5F5F5;  
색상
5. :#ACA899;  }
3. 클래스를 사용하여 입력이 비활성화되도록 클래스를 정의하고 추가합니다

CSS 코드

클립보드에 콘텐츠 복사

1. input.disabled{
2. 테두리: 1px 단단함 #DDD
3. 배경색: #F5F5F5;
 
4. 색상:#ACA899; 
}

최종 결과:

CSS 코드

클립보드에 콘텐츠 복사

1. //Chrome Firefox Opera Safari IE9
입력:비활성화{
3. 테두리: 1px 단단함 #DDD
4. 배경색: #F5F5F5;  
색상
5. :#ACA899;  }
6. //IE8-
7. 입력[비활성화]{
테두리
9. : 1px 단단함 #DDD
배경색
10. : #F5F5F5;  색상
:
11. #ACA899;  }
//IE6 Javascript를 사용하여 CSS 클래스 추가
12. "disabled"
13. * html input.disabled{
14. 테두리
:
15. 1px 단단함 #DDD 배경색
:
16. #F5F5F5;  색상:
#ACA899
17. ;  }
참고: IE8 버그
18. IE8은 :disabled를 인식하지 못하기 때문에 input[disabled] 및 input:disabled 스타일을 별도로 작성하거나 input[disabled]를 직접 사용할 수 있습니다. ;IE9 이하에서는 글꼴 색상을 변경할 수 없습니다.
데모