[HTML5] 폼 관련 태그들

체크박스 - 다중선택 가능 

체크박스는 다른 name을 가져야됨. 

 

라디오박스 - 단일선택

라디오박스는 같은 name을 가져야됨. 

 

<input type="값" ~~

 

모든 폼 구성요소를 폼 태그가 감싸고 있어야 함. 

name을 지정하지 않으면 데이터를 받을 수 없음 

size는 외관상 크기 

 

hidden : 값은 저장되지만 사용자에게는 보이지 않는다 

해석하는 브라우저마다 다름 

 

client와 server측 모두에서 검증해야 함. 

required 속성으로 null값이 없도록 할 수 있음

minlength, maxlength - 암호 설정 시 중요하게 사용됨 

 

class="a" : css의 선택자 .a

name="a" : 서버에 수신할 때 사용하는 이름 

id="a" : JS, JQuery에서의 선택자  #a 

// class와 name은 여러번 나올 수 있고, id는 중첩되면 error

 

document.form이름.요소명 

.container // 클래스인 container는 ~~

label.title // label 태그 중에서 클래스가 title

 

A, B // A나 B

A B // A안에 B

 

submit : 단순 전송 

button + 이벤트 핸들러 : 유효성 검사를 해서 전송 ( 이벤트는 주로 자바스크립트의 함수를 말함 )

reset : default상태로 돌아감 

이벤트 핸들러를 나타내는 속성은 이름이 전부 on으로 시작 ( on : ~할 때 )

ex) oninput : 입력할때