HTML - Input & Form 사용법

HTML Form 사용 이유

form을 사용할 경우 필요한 내용들을 해당 form에 묶을 수 있음. 분류 명확해지는 효과 얻음

Form  기본 요소

<form action="/submit" method="post">
    <label for="username">사용자 이름:</label>
    <input type="text" id="username" name="username" placeholder="사용자 이름을 입력하세요">
    <button type="submit">제출</button>
</form>

form과 label 그리고 input을 사용함

input type으로 사용 가능한 정보. 출처: mdn

button, 정보 전달

버튼 타입은 submit, reset 이 있음

submit은 입력된 데이터를 서버로 전송함

reset 버튼은 폼의 모든 입력 필드를 초기화하여 기본값으로 되돌리는 역할

결론

label을 작성하여 사용자가 작성할 정보에 대해 알려주고, input을 통하여 사용자의 정보를 입력받으며, button을 통하여 입력된 정보를 서보로 전송하여 데이터를 활용할 수 있다.