<input> 인풋태그

dev_log·2022년 8월 30일
0

HTML <input> 요소
웹 기반 양식에서 사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성
다양한 종류의 입력 데이터 유형과 컨트롤 위젯이 존재
입력 유형과 특성의 다양한 조합 가능성으로 인해, <input> 요소는 HTML에서 제일 강력하고 복잡한 요소 중 하나

(예시)

<input 
   type="text" 
   id="name" 
   name="name" 
   required 
   minlength="4" 
   maxlength="8" 
   size="10">

<input> 요소의 동작 방식은 type 특성에 따라 현격히 달라지므로, 각각의 유형은 별도의 참고 문서에서 더 자세히 확인할 수 있습니다. 특성을 지정하지 않은 경우, 기본값은 text입니다.

<input> 유형

<input type="text">

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text
<input type="date">

<input type="password">

<input type="search">

<input type="submit">

속성

type: input 양식 컨트롤의 유형
value: 양식 컨트롤의 현재 값. (name/value pair)의 일부로서 양식과 함께 전송된다
name: input 양식 컨트롤의 이름. 이름/값 짝(name/value pair)의 일부로서 양식과 함께 전송된다
placeholder
maxlength: value의 최대 길이 (문자수)
minlength: value의 최소 길이 (문자수)
max
min
checked
autocomplete

A common form

First name:
Last name:
E-mail:

https://developer.mozilla.org/ko/docs/Web/HTML/Element/Input

0개의 댓글