HTML5 명세에 포함된 Web Forms 2.0을 이용하면 자바스크립트의 도움을 받지 않고도 입력 조건 설정이나 유효성 검사 및 오류 메시지 출력, 동적 레이블, 데이트 피커, 슬라이더 등의 막강한 기능들을 마크업만으로 사용할 수 있습니다. 그리고 IE 6, 7을 비롯한 HTML5를 지원하지 않는 일부 브라우저에서는 Weston Ruter씨가 만든 webforms2 자바스크립트 라이브러리를 이용하면 동일한 코드만으로 Web Forms 2.0을 사용할 수 있게 됩니다.
사용방법은 <head>요소 안에 webform2.js 파일를 로드하는 것입니다:
<script type='text/javascript' src='webforms2.js'></script>Weston Ruter씨는 Web Forms 2.0 명세가 HTML5로 옮겨 가면서 기껏 만들어 놓은 반목 모델(Repetition model)이 제외(drop)되었었다고 합니다. 그래서 현재 프로젝트는 중단한 상태이며 모든 것이 명확해지면 작업을 재개하여 IE8을 포함한 더욱 많은 브라우저를 지원하게 될 것이라고 했습니다.
나중에 이 프로젝트가 완성되면 거의 필수 라이브러리가 되겠군요. 찜!
Comments
Got something to add? You can just leave a comment.
RT: @firejune: Web Forms 2.0을 모든 브라우저에서 - webforms2 http://firejune.com/1617
from Echofon
RT @firejune: Web Forms 2.0을 모든 브라우저에서 - webforms2 http://firejune.com/1617
from twitter
RT @firejune: Web Forms 2.0을 모든 브라우저에서 - webforms2 http://firejune.com/1617
from twitter
@inureyes @firejune님 오프토픽입니다만;; 댓글 창에서 트위터, 미투데이 댓글 불러오는 것 어떻게 하신것인가요? 궁금해서 여쭤봅니다. ^^;;
from P3:PeraPeraPrv
@lunamoth 미투데이의 오픈 API를 이용한 것으로 Me2PHP 라이브러리를 이용하여 구현했습니다. http://firejune.com/1534 에 관련 내용을 포스팅 했으니 참고하세요. 근데 루나님 참 오랜만에 뵙네요. ^^
from TwitBird
@firejune 아 그렇군요, 미투데이, 트위터 API 였군요. 다른 서드파티 서비스를 쓰신 것인지 궁금했었습니다.^^; 예나 지금이나 파이어준님은 커스터마이징의 대가이신듯^^; 예 저는 블로그를 쓴지가 오래됐지요;;; 좀 써봐야될텐데 하하;
from P3:PeraPeraPrv
@firejune 죄송해요... 근 1달째 이쪽만 붙잡고 있었더니..맘만 급해져서.. 자꾸 도움만 바라게 되네요.. 죄송합니다만 염치 불구 하고 도움 받을 곳이 없어 이렇게 계속 도움을 바라게 되네요~ 다시 한번 죄송합니다.
from twitter
@firejune 우선 navi.php 를 아파치에 업로드하여 실행시키면..(XML 변환기 오류: 항목 없음 위치: http://localhost/navi.php 행 1, 글자 위치 1:) 이라는 오류 메시지가 나와요.. 제가 보기에는 문제 될곳이.
from twitter
RT @firejune: Web Forms 2.0을 모든 브라우저에서 - webforms2 http://firejune.com/1617
from twitter
RT @firejune: Web Forms 2.0을 모든 브라우저에서 - webforms2 http://firejune.com/1617
from Topsy
어흑..영어GG 삽질의 시작이.ㅠㅠ
reply edit
Web Forms 2.0을 모든 브라우저에서 - webforms2 http://j.mp/bJVddT
from Topsy
그동안 Validation 구현하려고 얼마나 많은 코드를 넣었습니까 T^T
아직 사용해보진 않았지만 감동이네요
reply edit
쿨한 Razor 라도 Validation만은 어쩔수 없는건가 -_-; http://goo.gl/pbOx WebForms 2.0이 생각나는 순간 http://firejune.com/1617
from Topsy
"Web Forms 2.0을 모든 브라우저에서 - webforms2" - http://is.gd/djwlm
from Topsy
[Web Forms 2.0을 모든 브라우저에서 - webforms2 http://2u.lc/Qgw ] 이거 적용해볼까.... =_=)
from Topsy
Web Forms 2.0을 모든 브라우저에서 - webforms2 http://firejune.com/1617
from Topsy
Your Reaction Time!