HTML 속성값 생략 checked 및 disabled 예제


HTML 속성값의 생략

<태그 속성명 = "속성값"> 구조에서 = "속성값" 부분이 생략되는 경우가 있습니다.  해당 속성명에서 선택할 수 있는 속성값이 단 하나일 경우 보통 생략이 가능합니다.

( checkbox = “checkbox” ) → checkbox

<input type = "checkbox"> 태그와 속성은 웹페이지에 체크박스를 만드는 요소입니다. checked = "checked" 속성명과 속성값을 삽입하면 체크박스에 처음부터 체크가 되있도록 만들 수 있습니다.

<input type="checkbox" checked = "checked">

checked = "checked" 는 선택 사항이 하나 밖에 없는 논리형 속성이라고 합니다. 그래서 속성값을 생략할 수 있습니다.

<input type="checkbox" checked >

( disabled = “disabled” ) → disabled

disabled 속성값도 생략될 수 있습니다.

<input type = "text"> 태그와 속성은 웹페이지에 텍스트 입력창을 만드는 요소입니다. 아래 예제를 실행시켜 보면 빈 칸에 문자를 입력할 수 있습니다.


<input type = "text" placeholder = "입력하세요.">

disabled = "disabled" 속성값을 삽입하면, 빈 칸에 문자 입력이 비활성화됩니다.

<input type="text" disabled = "disabled">

checked와 마찬가지로 = "disabled" 속성값도 논리형 속성으로 생략할 수 있습니다.

<input type="text" disabled>