입력 요소 만들기

input

input

사용자로부터 값을 입력 받을 수 있는 대화형 컨트롤(또는 '필드')을 나타낸다.
시본적으로 인라인 요소이며 단일태그이다.

input의 핵심, type 속성

type 값에 따라 입력 요소의 형태나 입력 데이터 유형 등이 달라진다.
사용 가능한 type은 20가지이며, 기본 값은 text이다.
링크 참고

name 식별자

input 태그에는 name 식별자를 추가할 수 있다.
이는 각각의 입력 항목에 대한 이름이다.

<input type = "text" name = "nickname"/>
<input type = "text" name = "job"/>

속성 예시

<input name="text" type="text" placeholder="메시지를 입력하세요" maxlength="5"/> <br>
<input name="push" type="button" value="PUSH"/> <br>
<input name="color" type="color"/> <br>
<input name="score" type="range" max="100" min="0" step="10"/> <br>
<input name="birthday" type="date"/>

학습한 인프런 강의