웹(Web)/HTML10 HTML 입력값 체크 입력한 값이 유효한지 안전한지 체크하는 것을 validation이라고 한다 이메일 입력이라고 입력하면 이메일 이외의 주소는 제출되지 않고 사용자에게 문제를 통보한다 아이디는 입력을 받고 이메일은 선택일 때는 required을 사용한다 사용자가 입력한 정보가 알파벳으로 시작해야되고 숫자로 끝나야하도록 강제하고 싶으면 pattern을 사용한다 정규표현식 정규표현식도 프로그래밍 언어다 패턴이 그 문자에 있는지 없는지를 확인 패턴의 속성 값은 정규표현식이 온다 정규표현식의 문법에 따라서 해석한다 정규표현식에서 .은 어떤 문자던 상관이 없다는 뜻이다 +는 모든 문자가 하나 이상 온다는 뜻이다 사용자가 입력한 정보를 받는 서버에서 사용자가 입력한 정보에 대한 테스트를 해야한다 Validation은 사용자에게 편의를.. 2021. 4. 15. HTML5 입력양식의 속성들 웹브라우저가 자동완성 기능을 로그인 할 때 제공한다(Auto complete) 사용할 수도 있고 안할 수도있다 비밀번호만 자동완성을 끄고 싶다면 autocomplete="off" 자동으로 아이디에 포커싱하는 방법은 autofocus이다 2021. 4. 15. HTML5의 새로운 제출 양식들 form 타입 말고도 input 타입이 다양해졌다 Input types color 색깔 date 날짜 datetime 국제표준시 datetime-local 현지시각 email 이메일 month 월 number 숫자 range 숫자의 범위 search 검색창 tel 전화번호 time 시간 url 주소 week 주 숫자만 입력할 수 있게 하는 제출양식 입력을 규제하는 기능이 type 10~15 사이 숫자로 사용자의 입력을 강제할 수 있다 모바일도 숫자를 입력하기 좋게 키보드를 켜줄 수 있다 2021. 4. 15. HTML Can I use 태그를 이 상황에서 사용할 수 있는가 없는가 하는 결정에 도움을 주는 서비스 www.caniuse.com 태그를 입력하면 각 브라우저별로 지원상황을 보여준다 커서를 갖다대면 시장점유율을 볼 수 있다 새롭게 도입된 기술은 오래된 웹브라우저에서 동작하지 않습니다. 결국 얼마나 많은 웹브라우저가 이 기술을 사용할 수 있는가에 따라서 신기술의 도입 여부를 결정해야 합니다. Can I use는 이런 결정을 할 때 도움을 주는 서비스입니다. 2021. 4. 15. 이전 1 2 3 다음