data life

HTML - 입력양식(form) - 입력요소타입(type), 입력요소속성(attributes) 본문

카테고리 없음

HTML - 입력양식(form) - 입력요소타입(type), 입력요소속성(attributes)

주술회전목마 2022. 11. 2. 01:03

input

웹 기반 양식에서 사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성

 

대표적인 input type

text : 사용자로부터 한 줄의 문자를 입력받음

password : 비밀번호로써 입력받은 문자나 숫자 대신 별표(*)나 작은 원 모양(•)으로 표시됨

사용자명 :
비밀번호 :

 

button : 일반 버튼 <button> 태그도 존재

<input type = "button" value="click me" />

 

checkbox : 여러 개의 옵션(option) 중 다수의 옵션을 입력 받음

radio : 여러 개의 옵션(option) 중에서 단 하나의 옵션만을 입력 받음

 

submit

: 기본적으로 브라우저가 새로고침사용자로부터 입력받은 데이터(data)를 서버의 폼 핸들러로 제출하는 버튼 형식

 

 

input attributes

  1. value
  2. readonly
  3. disabled
  4. maxlength
  5. size

 

value : 입력란의 초기값

이름:

readonly : 읽기만 가능, 수정불가

 

disabled : 사용자가 입력 필드를 아예 사용할 수 없도록 설정

readonly 속성과는 달리 전송 버튼(submit)을 눌러도 초깃값이 서버로 전송되지 않는다.

maxlength : 글자 수 제한

이름:

size : 입력 필드가 한 번에 보여줄 수 있는 문자수