HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
📝
프론트엔드 스쿨 교안(1기)
/
📝
Javascript
/
🎏
10. HTML FORM
🎏

10. HTML FORM

Index

Index7. HTML FORM7.1 HTML FORM
 

7. HTML FORM

7.1 HTML FORM

 
notion image
모두 인터넷을 하면서 다음과 같은 입력 폼을 본 적이 있을 것입니다. 이러한 입력 폼은 HTML의 <form>코드로 작성됩니다. 다음 코드를 atom에서 작성해봅시다.
 
  • form 예시 CODE
<form> First name : <br> <input type="text" name="firstname"><br> Last name : <br> <input type="text" name="lastname"> </form>
 
그런 다음 작성한 html 파일을 브라우저 상에서 확인해 보면 다음과 같은 화면이 보일 것입니다.
 
notion image

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