Ruby Coin

Rails 와 프론트 엔드 기술을 이용해 흥미 위주의 빠른 웹 개발 방법론

코스 전체목록

닫기

input

정의

input요소는 폼 안에 기본적인 컨트롤을 생성합니다.

 

속성

  • type : 필수속성입니다. 다음은 타입속성에서 사용할 수 있는 값입니다.
    • text : 단일행 텍스트 입력필드
    • password : 비밀번호 입력필드. 감춰져서 출력된다.
    • checkbox : 체크박스 생성. 복수 선택이 가능
    • radio : 라디오버튼 생성. 복수 선택 불가능
    • submit : 송신버튼 생성
    • reset : 리셋버튼 생성
    • button : 범용버튼 생성.
    • image : 이미지버튼 생성.
    • file : 송신파일 선택필드 생성
    • hidden : 감춰진 필드.
  • name="이름"(필수 속성) : 컨트롤의 이름 지정. type의 속성이 checkbox나 radio일 경우 name속성이 같은 값으로 지정되면 하나의 그룹으로 취급한다.
  • value="값" : 컨트롤 종류에 따른 초기값 지정
  • size="폭" : 컨트롤의 폭을 지정. type속성이 text이거나 password일 경우 문자수를 지정하고 그외의 경우에는 가로폭의 픽셀값을 지정한다.
  • width : 요소의 가로사이즈를 지정합니다.
  • height : 요소의 높이를 지정합니다.
  • max : input요소에 허용하는 값의 최대값을 지정합니다.
  • maxlength="최대 입력 문자수" : type속성이 text이거나 password일 경우 최대 입력 문자수를 지정한다.
  • min : input요소에 허용하는 값의 최소값을 지정합니다.

예제

 

 

댓글

오류나 오타 신고 환영합니다. ^^;;
(도와주세요!)

댓글 본문
  1. 장고자
    요즘 input을 다시보고잇는데 예제 영상???이 안나오네요 확인부탁드려요
  2. 푸른하늘
    4
  3. LaDea
    필수 속성값에 따른 추가 가능한 속성과 기재되어 있지 않은 추가적인 속성에 대해서 나와있는 페이지입니다
    http://html5ref.clearboth.org......put
  4. ctw1048@hanmail.net
    name 이나 id 속성은 뭐가 다른가요? 무엇을 위해 추가하는 건가요?
  5. rucy
    input type=”search”
    input type=”tel”
    input type=”url”
    input type=”email”
    input type=”number”
    input type=”datetime”
    input type=”datetime-local”
    input type=”date”
    input type=”time”
    input type=”month”
    input type=”week”
    input type=”range”
    input type=”color”

    새롭게 추가된 것 올려봅니다.
    http://naradesign.net......83/ 참고함
  6. sldmx
    어플은업나요?? ㅠㅠ
  7. input 태그의 가로 세로 높이는 css로 조정 불가능한가요? 해봤는데 안되서 댓글 올려봅니다 ㅠㅠ
  8. 리체:leezche
    수정되었습니다. 감사합니다...
    대화보기
    • 김용국
      maxlengh -> maxlength ^^
    버전 관리
    리체
    현재 버전
    선택 버전
    graphittie 자세히 보기