[html] input 태그

🌱 input

✏️개념

사용자에게 정보, 데이터를 받을 때 사용하는 입력창

✏️문법

type='?'

type을 꼭 작성해주어야 함

✏️input type="text"

<input type="text" placeholder="아이디를 입력하세요" minlength="5" maxlength="13" required/>
<input type="text" placeholder="아이디를 입력하세요" minlength="5" maxlength="13" value/>

• placeholder ➪ 입력 내용 안내 text
• minlength ➪ 최소길이
• maxlength ➪ 최대길이
• required ➪ 필수입력 요수
• value ➪ 초기값(placeholder와 달리 드래그하면 데이터를 가져갈 수 있음)

✏️input type="email"

<input type="email" placeholder="이메일을 입력하세요"/>

안에 든 데이터에 @ 가 없으면 잘못 입력했다고 알려줌

✏️input type="password"

<input type="password" placeholder="비밀번호를 입력하세요" minlength="6"/>

✏️input type="url"

<input type="url" placeholder="url을 입력하세요"/>

✏️input type="number"

<input type="number" placeholder="나이를 입력하세요" min="12" max="122"/>

• min ➪ 입력 가능한 최소 수
• max ➪ 입력 가능한 최대 수

✏️input type="file"

<input type="file" accept=".png, .jpg"/>

• accept ➪ 승인할 파일 확장자 설정 가능

🌷 결론

데이터에 따라 type 유형 설정 가능,
유형에 따라 추가 사용 태그에 변화.