form은 사용자가 정보를 입력하고 선택할 수 있는 양식이다.
요소로는 텍스트, 확인, 라디오 버튼, 제출 버튼 등이 있다.
<form action="/action_page.php" target="_blank">
<!-- action : submit가 실행할 행동.
action이 없으면 현재 페이지로 설정한다.
target="_blank" : 제출한 결과를 표시할 페이지를 설정.
_self : 현재페이지 / _blank : 새 창 -->
<fieldset> <!-- 양식의 그룹화 -->
<legend>다음을 입력해 주세요</legend> <!-- fieldest의 캡셥 -->
성 : <input type="text" name="fn">
이름 : <input type="text" name="ln">
<p> </p>
<input type="radio" name="a">성인
<p> </p>
<input type="radio" name="b">미성년
<!-- name 속성이 없으면 입력 된 데이터는 전송 되지 않는다 -->
<p> </p>
<input type="submit" value="확인">
</fieldset>
</form>
<!-- method : 양식에 입력한 데이터를 제출 할 때 사용할 http 메소드 지정 -->
<form action="/action_page.php" method="get">
<!-- get : 기본 방식. 중요한 정보는 get를 쓰지마라. url이 노출 위험이 있다.
비보안 데이터 사용에 적합 -->
<form action="/action_page.php" method="post">
<!-- post : 민감하며 개인정보가 있는 데이터 전송에 사용 -->
action="/action_page.php" target="_blank"
action : submit가 실행할 행동.
action이 없으면 현재 페이지로 설정한다.
target="_blank" : 제출한 결과를 표시할 페이지를 설정.
_self : 현재페이지 / _blank : 새 창.
<fieldset>~</fieldset> : 양식의 그룹화.
<legend>~</legend> : fieldest의 캡셥.
<input type="text" name="fn"> : name 속성이 없으면 입력된 데이터는 전송되지 않는다.
<form action="/action_page.php" method="get">
method : 양식에 입력한 데이터를 제출할 때 사용할 http 메소드 지정.
get : 기본 방식. 중요한 정보는 get를 쓰지 마라. url이 노출 위험이 있다. 비보안 데이터 사용에 적합.
post : 민감하며 개인정보가 있는 데이터 전송에 사용.