개발자의 길

1. DocType웹표준을 지키는 문서타입이 여러 종류가 존재. HTML, XHTML 등이 있고, 각 문서들의 차이는 엄격하게 보냐 느슨하게 보냐의 차이(내용 수정: 2019.01.27 : XHTML과 HTML의 차이점을 설명을 보충합니다.) 더욱 자세한 내용을 찾는 분은 wystan님의 블로그 를 참고해주세요.XHTML과 HTML의 차이점XHTML이 XML 문법을 따르므로 HTML과 문법 규칙이 약간 다르다.XHTML을 사용하면 할 수 있으나, HTML로는 불가능한 일이 있다.HTML을 사용하면 할 수 있으나, XHTML로는 불가능한 일이 있다.CSS를 이해하는 방식에 차이가 있다.클라이언트 쪽의 스크립트(예: 자바 스크립트)를 다루는 방식에 차이가 있다.아래는 HTML 방식. 태그가 닫히지 않았지만 ..

input autocomplete, autofocus, datalist 테스트 참고자료 : http://www.quackit.com/html_5/tags/html_datalist_tag.cfm 실행 소스 실행화면 opera 10.6 - autocomplete 실행, autofucus 미실행, placehoder 미실행 safari,chrome - autocomplete 미실행, autofucus 실행, placehoder 실행

입력값 검증하기(validation) - 간단한 예제 2 : setCustomValidity이용 소스 var num=document.getElementById("num_1"); var strError=""; num.setCustomValidity("사용자 에러 메시지 출력"); 실행 결과

참고문서 : http://dev.w3.org/html5/spec/association-of-controls-and-forms.html#dom-cva-validity http://www.html5.jp/tag/elements/forms-constraints.html 소스 : 실행화면 min=0, max=100일때 입력값이 30000인 경우 숫자를 입력해야 되는데 문자를 입력한 경우

참고 자료 : http://dev.w3.org/html5/markup/meter.html#meter 소스 실행화면

소스 : 실행화면 :

file 테스트 소스 : 선택파일 실행결과 firefox : safari : chrome : opera : 지원안됨.

소스 : checkbox=true checkbox=false indeterminate=true 실행화면

소스 : 실행화면

datetime,date,month,week,time,datetime-local 테스트1 참고자료. http://www.html5.jp/tag/elements/input.html 결과 opera 10.60 크롬 파이어폭스