form 2

[HTML] form (2)

select, optgroup, option 다양한 데이터들을 나열해서 보여주는 태그입니다. 드롭다운 메뉴를 들어보셨다면, 그것과 동일하다는 점을 알 수 있을 것입니다. 사용자가 직접 입력하는 게 아니고, 제공된 여러 옵션 중에서 선택하는 것입니다. 간단히 예시를 보겠습니다. 자신있는 프로그래밍 언어를 고르는 화면입니다. 그 중에서 MySQL을 골랐습니다. 이렇게 select 태그와 option 태그를 조합해서 간단한 드롭다운 목록을 만들 수 있습니다. 코드를 살펴보겠습니다. 자신있는 언어 자바 C언어 C++ MySQL 오라클 자바스크립트 파이썬 select 태그는 드롭다운의 시작과 끝을 표시하는 태그이며, option 태그는 드롭다운의 항목을 만들어줍니다. 이 select가 아주 큰 틀을 만들어주고 그..

[HTML] form(1)

폼 태그 폼(form)은 백엔드, 다른 페이지에 요청을 보내는 특수 기능을 가집니다. 요청을 보낼 때, 폼 내에 있는 데이터들도 함께 전송할 수 있습니다. 폼(form) 태그는 회원가입, 로그인, 회원 정보, 주문 페이지 등 다양한 곳에 활용됩니다. 아래는 로그인 페이지를 만들어 본 것입니다. 폼의 동작 방식을 로그인으로 알아보겠습니다. 사용자가 아이디와 비밀번호를 입력합니다. 사용자가 로그인 버튼을 클릭합니다. 폼에 매핑되어 있는 주소로 아이디와 비밀번호를 가지고 요청을 보냅니다. 백엔드 프로그램에서 요청으로 온 아이디와 비밀번호를 가지고 데이터베이스에서 아이디와 비밀번호가 일치하는 검사를 진행합니다. 일치하면 로그인되도록 처리 일치하지 않으면 아이디나 비밀번호가 틀렸다고 메시지를 띄워줍니다. 이렇게 ..