주요속성 input태그

주요 속성(Attribute)

 

action : 폼 데이터를 보낼 URL 지정

submit, button 등을 통해 사용자가 데이터를 제출하는 이벤트가 발생했을 때, 입력받은 데이터를 어디로 보낼지 지정

참고) URL란? Uniform Resource Identifier, 리소스의 위치를 식별하기 위한 문자열, (cf-URL은 URI의 하위 개념)

다른 웹 페이지 주소, 서버의 주소, 프로젝트 내 다른 HTML 파일 등 

 

method: GET, POST 등 양식을 제출할 때 사용할 HTTP 메소드

 

GET : action에 명시한 URI에 Query Parameter(?뒤로 오는 값)형태롤 이어 붙여서 전송(Default, 기본값)

예)

그대로 드러나기 때문에 보안에 취약함

 

Post: Request Body에 데이터를 넣어서 전송

백엔드 개발자와 협의 필요하나, 보통 실무에서는 POST로 보내는 경우가 많음 

 

input 태그

 

<form>태그는 입력 받을 부분 전체를 감싸는 껍데기 같은 느낌

<form> 태그 하위에 <input>, <select>, <textarea>태그를 작성하여 실제 입력을 받음

<input> 태그는 가장 대표적인 form 요소

 

type : type 속성의 값에 따라 input type이 정해지며, 여러가지 종류의 입력을 받을 수 있다.

 

name: 데이터를 제출하기 위한 이름 지정

 

value : input의 값 지정, 초기값이 있을 때 등 사용

 

placeholder : 값이 입력되기 전 사용자에게 힌트 제공

 

required, disabled, checked 등 

 

input은 인라인 요소이다 (cf. <br> 태그)