input 속성, html 유효성 검사

text 한줄입혁창 

password  ***패스워드입력창

radio 단일선택 ex)남녀   -name은 같은것으로.

checkbox 다중선택   ex)취미

file . 파일을 올릴떄 찾는 형식

button 하이퍼링크는 이동할떄. 버튼은 링크가 아닌 범용적인것.

reset  내용을 일괄적으로 초기화시킬떄

submit input내용을 다른곳으로 전송시킬떄.

textarea  여러줄입력창

select

input type="" name="userid" placeholder="아이디" value="" 입력후 전송하면 입력 내용의 

이름:userid value값만 입력 required(요구)입력창을 채우라고 뜬다.

form(action클릭하면 넘어간다.  

         method='get' get은 주소창에 다보인다. post는 주소에 안뜬다.)- 개발자몫

////

email @빠지면 입력X

number 숫자만

color 

date firefox에선 호환 X

html 유효성검사

firefox 부가기능 플러그인 html validator

                                                                       

                                                                        checked="enable"은 처음보일때 체크되어있는것.

   <p>성별:                                                 

   <input type="radio" name="gender" value="man" checked="enable">남

   <input type="radio" name="gender" value="woman">여

   </p>

input이 들어가면 라벨 필수!(아이디 선택하면 입력창 연결 

          label  id는 다른 input id랑 같으면 x

 <p><label for="user">아이디</label>:<input type="text" name="username" id="user" placeholder="" required /></p>

input이 들어가면 label vlftndp fieldset(input항목에 대한 설명이 들어있는것)으로 

무조건 감싸줘야한다. 양식임!!

button에는  라벨 X

fieldset 양식

legend

 필드셋, 레전드 무조건 들어간다.

HTML5에 

color

date

datetime

datetime-local

email

month

number

range

search

tel

time

url

week 가 추가되었다.

크롬이외에 브라우저에 호환이 안되는것들이 있다.

HTML4 -> XML문법 = XHTML(규칙이 엄격, 소문자만!)