HTML 수업

HTML5의 입력양식

 

input types

  • color  
  • date 
  • datetime 
  • datetime-local  
  • email 
  • month 
  • number
  • range
  • search
  • tel
  • time
  • url
  • week

댓글

댓글 본문
작성자
비밀번호
  1. DONE!
  2. 심외무별법
    감사합니다 .잘보고있습니다.
  3. 2016.09.27 완료!
  4. 김종엽
    2016.08.24 완료!
  5. wonhee lee
    잘봤습니다
  6. Ian Si Mong Seong
    수강완료
    2016.08.01
  7. 이승민
    이번강의도 감사합니다 ㅎ html강의는 얼마 안남았군요!
  8. 궁금이
    감사합니다.
  9. 빨강머리앤
    유익한 강의 감사합니다. ^^
  10. 좋은 강의 잘 들었습니다.
    감사합니다.
  11. 이웃집도토해
    안타까운 마음에서 진언하는 마음에서 하는 말이니 기분 상하지 않으셨으면 좋겠습니다.
    한달가까이 답변을 못받으신 이유는 질문의 정보가 불친절해서라고 생각합니다.
    질문을 자세히 작성하시는 습관을 들이셔야 할 것 같습니다. (저도 습관 고치느라 고생했었기에 주저리 씁니다)

    모바일 환경 혹은 태블릿 환경에서 type="number" 속성 및 속성값 사용 시에
    키패드 대신 일반 키보드가 디폴트로 팝업되는지 물어보시는 것 같습니다.
    이러한 현상의 원인은 크게 2가지입니다.

    1. 테스트 환경의 운영체제 및 브라우저가 HTML5를 완벽하게 지원하지 못하기 때문입니다.
    강의에 소개된 input요소 type 속성은 html5의 신규 정의 문법입니다.
    기존 4.01버전의 html은 image,text, password, checkbox, radio, submit, rest, hidden이 있었습니다.
    number와 tel 등은 html5에서 새로 추가 된 값입니다.

    2. 불완전한 지원이라는 것은 한마디로 표준이 부재한 상황이라고 할 수 있습니다.
    수시로 변하는 HTML의 특성 상 number는 키패드를 팝업해야 한다는 기준이 합의되지 못한 상태이기에
    엄밀히말하면 number를 쓴다고 꼭 키패드가 디폴트로 출력되어야 할 이유도 없습니다.
    키패드가 출력되면 e, -, +, . 등을 사용하는데 지장이 생기기 때문입니다.
    실제로 저의 테스트 환경인 안드로이드 x86 버전에서 확인 결과 오히려 pattern속성 지정을 해주어도
    type속성에 number값 사용시 숫자패드로 강제 지정이 되었습니다.

    + 다음과 같이 속성을 사용하면 지정이 가능하다고 하나 개발 도구 사용이 제한되어 확인하지 못하였습니다
    <input type="number" min="0" inputmode="numeric" pattern="[0-9]*" >
    이것을 확인해보시는 것도 좋을 것 같습니다.
    대화보기
    • egoing
      아 그렇군요 ^^; 알려주셔서 고맙습니다!
      대화보기
      • 이웃집도토해
        [input 태그의 type="number" 시 숫자 이외의 기호가 사용되는 이유]

        E는 공학계산기나 엑셀에서도 사용되는 기호로 exponential 첫번째 이니셜 입니다.
        E+3 은 1000이며 E-3 은 0.001 입니다. (오일러 상수가 아닙니다)
        실생활 이외에서 사용되는 매우 작은 숫자나 매우 큰 숫자를 작성할 시에 사용됩니다.

        form태그에서 number 속성값이 사용되는 경우는 학번, 나이, 우편번호, 요금 등이 있습니다.
        때문에 숫자외에도 해당 코드체계를 표현 할 수 있는 필수요소인 '.' , ' -' , '+' , 'e' 등이 사용됩니다.
        하이픈(-)의 경우 마이너스 및 구분자로 사용됩니다.
        대화보기
        • e 는 부동소수점에서 지수부를 입력하기 위함이 아닐까 하네요
          14e2 (=14 x 10^2) 의 값을 입력하기 위한...
          대화보기
          • sSll바버미니llSs
            이런 이유일거 같습니다.

            What is the value of e?
            The mathematical constant e is the base of the natural logarithm. And when you look up natural logarithm you get: The natural logarithm, formerly known as the hyperbolic logarithm, is the logarithm to the base e, where e is an irrational constant approximately equal to 2.718281828459.
            대화보기
            • <input type="number">에서요.
              일단 ie 11에서는 안먹히구요.(TEXT 써짐)
              크롬(v.47.0.2562)에서는 되는거 같은데, 알파벳 'E'는 써지네요.
              그리고, '-'(대쉬)와 '.'(마침표)도 써집니다.
              특수문자는 그렇다 치고 영문이 유독 'E' 자만 써지는게 이상하네요;;
            • mproom
              <input> type="number"로 할 경우에는 1번동영상의 예제처럼 안올라오고

              일반 키보드가 올라오고 그대신 첫 키배열이 문자가 아닌 숫자로 올라오는데

              type="number" 말고 또다른 설정을 해줘야 하나요??

              type='tel'로 하면 숫자키가 올라와서 가능하지만 되도록이면 type을 number로 하고싶어서 글 올립니다.
            버전 관리
            egoing
            현재 버전
            선택 버전
            graphittie 자세히 보기