HTML 양식은 사용자로부터 정보를 수집하여 서버로 보내는 기능을 제공합니다. 사용자가 입력한 데이터를 웹 서버로 전송하거나 URL 매개 변수를 사용하여 다른 페이지로 이동하는 역할을 합니다.
form 요소는 action 속성과 method 속성을 가지며, action 속성은 데이터 제출을 위한 URL을 지정하고 method 속성은 HTTP 요청 메소드를 지정합니다. HTTP 요청 방법에는 GET과 POST의 두 가지 유형이 있습니다.
입력, 텍스트 영역, 선택 및 버튼과 같은 다양한 양식 요소가 양식 요소 내에 포함될 수 있습니다. 이러한 각 양식 요소는 사용자가 데이터를 입력하는 방법에 따라 다른 속성을 갖습니다. 예를 들어 입력 요소는 type 특성을 사용하여 텍스트, 숫자 또는 날짜와 같은 입력 형식을 지정할 수 있습니다.
양식 요소는 웹 사이트의 사용자 경험을 개선하고 데이터를 수집 및 처리하기 위한 필수 기능을 제공합니다. 로그인 양식, 회원가입 양식, 검색 양식 등을 작성하는 데 사용할 수 있습니다.
사용하는 방법
<form action="submit-form.php" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name"><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br>
<label for="message">Message:</label><br>
<textarea id="message" name="message"></textarea><br>
<input type="submit" value="Submit">
</form>
위의 예에서 action 속성은 양식을 처리할 서버 측 스크립트의 URL을 나타냅니다. 이 예제에서 submit-form.php 파일은 양식 입력 값을 서버에 제출하는 데 사용됩니다.
method 속성은 양식을 제출할 때 사용되는 HTTP 메소드를 지정합니다. GET 또는 POST 값을 가질 수 있습니다. GET 방식은 URL에 입력값을 추가하여 전송하고, POST 방식은 요청 본문에 입력값을 추가하여 전송합니다. 일반적으로 입력에 보안이 필요한 정보(예: 암호)가 포함된 경우 POST 메서드를 사용합니다.
위의 예에서 양식에는 이름, 이메일 및 메시지에 대한 입력이 포함되어 있습니다. 텍스트 필드, 암호 필드, 라디오 버튼 및 확인란과 같은 입력 요소를 태그를 사용하여 여러 줄 텍스트 입력 요소를 추가할 수 있습니다.