본문 바로가기
Front-End/HTML

form관련 태그

by hoya7788 2024. 7. 23.

 

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