Index

7. HTML FORM

7.1 HTML FORM

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c6d710c3-2b95-48c2-af44-700d6bd8d46a/Untitled.png

모두 인터넷을 하면서 다음과 같은 입력 폼을 본 적이 있을 것입니다. 이러한 입력 폼은 HTML의 <form>코드로 작성됩니다. 다음 코드를 atom에서 작성해봅시다.

<form>
	First name : <br>
	<input type="text" name="firstname"><br>
	Last name : <br>
	<input type="text" name="lastname">
</form>

그런 다음 작성한 html 파일을 브라우저 상에서 확인해 보면 다음과 같은 화면이 보일 것입니다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/960c0460-861b-4eb1-a71f-04fb971a57a7/Untitled.png


도전하기!

자바스크립트로 form에 입력된 내용을 가져와보세요!