form속성을 사용하는 이유?
사용자가 아이디와 비밀번호를 입력하고 로그인 버튼을 누르면 입력한 정보는 웹 서버로 전송된다.
그럼 서버는 자신이 가진 데이터베이스에서 입력받은 아이디와 비밀번호가 일치하는지 확인하고 그 결과를 웹 브라우저에 보낸다. 폼과 관련한 작업은 정보를 저장하거나 검색, 수정하는 것이 대부분인데 모두 데이터베이스를 기반으로 작동한다.
따라서 텍스트 박스나 버튼같은 폼 형태는 HTML태그로 만들지만, 폼에 입력한 사용자 정보는 ASP나 PHP, JSP같은 서버 프로그래밍을 이용해 처리한다.
<form method="" action="">
method
사용자가 입력한 내용을 서버 쪽 프로그램으로 어떻게 넘겨줄 것인지 지정함.
메소드에서 사용할 수 있는 속성값은 get과 post이다.
get : 데이터 제한이 있고 주소 표시줄에 사용자가 입력한 내용이 그대로 드러나는 단점이 있다.
post : 입력한 내용의 길이에 제한을 받지 않고 사용자가 입력한 내용도 드러나지 않는다.
name : 자바스크립트로 폼을 제어할 때 사용할 폼의 이름을 지정한다.
action : <form> 태그 안의 내용을 처리해 줄 서버 프로그램을 지정한다.
target : action 속성에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에서 열도록 한다.
'Front-End > HTML' 카테고리의 다른 글
블록 요소와 인라인요소에 대하여 (2) | 2024.07.24 |
---|---|
경로 지정 (0) | 2024.07.23 |
DAY01 (0) | 2024.07.22 |
05장 태그정리 (0) | 2023.04.14 |
05-4 폼에서 사용하는 여러 가지 태그 (0) | 2023.04.14 |