input태그

목차

1. input 태그란
2. 다양한 타입들

 

 

1. input 태그란

• 사용자가 원하는 데이터를 입력하기 위한 태그
• 설정하는 타입에 따라 용도와 사용방법이 다름

2. 다양한 타입들

 1) text

   일반적인 문자를 입력하는 타입으로 다양한 내용의 입력을 받는 용돌로 사용된다.

 2) password

   패드워드 같이 보안에 관련된 사항을 입력할 때 사용된다. 텍스트가 특수문자로 치환되어 보인다.

 3) 라디오버튼

   여러 선택지 중 하나만 선택을 하기 위한 버튼이다.

버튼1 버튼2

 

 4) 체크박스

   여러 선택지 중 다중 선택이 가능한 버튼이다.

버튼1 버튼2

 5) date

   달력모양의 선택 버튼을 통해 날짜를 입력할 때 사용한다.

 6) 색상

  color picker를 통해 색생을 선택할 때 사용한다.

 7) number

   숫자를 입력하기 위하는 타입으로 위아래 화살표로 숫자의 크기를 조절할 수 있다.

숫자 타입

 

 8) email

   이메일을 입력하기 위한 타입으로 이메일 주소 형식으로 입력하지 않으면 알림이 뜬다

 9) 버튼/ 제출타입

   button과 submit 타입은 표시되는 형태는 버튼이지만 button은 이벤트나 특정기능을 수행하기 위한 버튼으로 사용되고 submit은 데이터를 서버로 전송하기 위한 버튼으로 사용된다.

 

 

이외에도 input에는 여러 타입이 있기에 필요에 따라 사용하여야 한다.