카테고리 없음

input과 label

<label>

label요소는 사용자 인터페이스 항목의  설명을 나타낸다.

<label>Do you know Kimchi?
 <input type="radio" name="chk" value="yes">Yes
 <input type="radio" name="chk" value="No">No
</label>

<label>을 <input>요소를 이용할려면 <input>에 id속성을 넣고, <label>에 id와 같은 값의 for 속성을 넣어주어야 한다.

<label for="k_Food">Do you know Kimchi? </label>
 <input type="radio" name="chk" id="k_Food" value="yes">Yes
 <input type="radio" name="chk" id="k_Food" value="No">No

 

<input>

input type="text, password, radio, image, checkbox, file, submit, reset, hidden...." placeholder, name, value.....

 

<Input> 유형들

text = 기본 텍스트를 입력하는 구역

 

password = 비밀번호를 입력하는 구역

 

button = value를 label로 사용하는 푸쉬버튼 (button 태그를 따로 이용가능)

 

radio = 라디오 버튼을 생성

 

checkbox = 체크박스 생성

 

email = 이메일 주소를 편집할 수 있는 공간, 유효성 검증 매개변수가 존재한다.

 

file = 파일을 선택하는 버튼 생성

 

image  = src로 지정한 이미지를 버튼처럼 사용

 

submit = 서버로 제출하는 버튼 생성

 

reset = form에서 입력한 input값들을 리셋

 

hidden =  사용자에게 입력받지 않고 기본으로 설정된 값을 서버로 전송