【 HTML 배우기 】

Markup_Language/HTML

삐약은지 2023. 5. 12. 02:14

【 HTML 배우기 】 - 5탄

- 입력 양식과 관련있는 태그는 아래와 같이 여러 개가 있습니다

- <input>

- <select>

- <textarea>

- <fieldset>

- <legend>

▶ 그 중 저희는 <input>에 대해서 자세히 알아볼 예정입니다 🤭

- <input>는 끝 태그가 없는 Empty Tag입니다

- <input>는 type 속성을 통해 여러 가지 입력 type을 지정해 줄 수 있습니다 !
아래를 함께 살펴 봅시다 😃

【 type 속성 종류 】

- <input>는 아래와 같이 다양한 type 속성을 가지고 있습니다

text : 일반 문자 or 숫자를 입력할 수 있습니다
password : 주위 사람에게 노출되지 않도록 *으로 표시해 줍니다
submit : 해당 페이지를 처리할 수 있는 웹 페이지로 전송해줍니다
reset : 초깃값으로 되돌려 줍니다
radio : 하나만 선택할 수 있게 해줍니다 → ( Tip ) 여러 개의 선택 옵션이 있기 때문에 name은 동일하게, value는 다르게 주는 것이 좋습니다
chekbox : 선택 할 수도 있고, 안할 수도 있는 경우에 사용됩니다
email : email 정보를 보낼 때 사용됩니다 → 유효하지 않은 email을 전송할 경우 error를 표시해 줍니다
file : file을 보낼 때 사용됩니다 → file은 post 방식으로 보내야 합니다
url : url 정보를 보낼 때 사용됩니다 → 유효하지 않은 url을 전송할 경우 error를 표시해 줍니다
color : 색상 정보를 입력할 때 사용됩니다
date : 날짜 정보를 입력할 때 사용됩니다
time : 시간 정보를 입력할 때 사용됩니다
month : 월 정보를 입력할 때 사용됩니다
number : 숫자 정보를 입력할 때 사용됩니다 → 최소값과 최대값을 지정할 수 있습니다 → 숫자가 아닌 data를 전송할 경우 error를 표시해 줍니다
button : 버튼을 생성할 때 사용됩니다