HTML 태그 정리

1. 사용자가 데이터를 입력하는 요소 

 <input type="text" value="Earth"/>

value는 미리 입력된 값. 

 

2. 사용자가 입력할 값의 힌트를 보여줌.

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

 

 

3. 비활성화 

<input type="text" disabled />

4. 복수 체크 박스 

<label>

        <input type="checkbox" /> apple

    </label>

   

   

    <label>

        <input type="checkbox" /> banana

    </label>

5. 둘 중 하나만 체크 가능. fruits 으로 그룹화함. 

<label>

        <input type="radio" name="fruits"/> apple

    </label>

   

   

    <label>

        <input type="radio" name="fruits"/> banana

    </label>

 

6. 이상하다. 분명 css 링크를 걸었는데 배경색이 바뀌지 않는다. 뭐가 문제일까? 

 

원인을 발견했다.  PX PX PX를 붙여주지 않아서다..... 

 

 

7. 결과물