일반적으로 입력양식 form 태그를 사용하여 로그인 기능, 데이터 전송, 파일업로드 기능을 사용하기 위해서 몇가지 속성에 대해서 살펴보고 html 페이지로 서버에 전송하기 위한 기능을 살펴보고자 합니다.
input type 태그에서 submit 속성을 부여하게 되면 form action 서버 주소로 이동하게 되지만 button 속성은 아무런 일도 일어나지 않지만 자바스크립트를 사용하게되면 팝업과 같은 버튼을 만들어주게 됩니다.
input type 속성을 text 텍스트창을 만들어주게 되지만 hidden 속성을 부여하게되면 아무런 창이 만들어지지 않습니다. hidden 태그 속성은 name 이름값, value 값을 지정할떄에 사용하게 됩니다.
파일을 선택하기 위해서 input type 태그에 file 속성을 부여하며 어디로 전송할것인지는 action 태그에 전송할 주소를 입력해야 합니다. 자료를 전송하기 위해서는 method 태그에 post 방식으로 지정해야하며 enctype 태그는 multipart 속성을 부여합니다.
1. 버튼 속성 살펴보기
input type 태그에서 submit 속성을 부여하게 되면 form action 서버 주소로 이동하게 되지만 button 속성은 아무런 일도 일어나지 않지만 자바스크립트를 사용하게되면 팝업과 같은 버튼을 만들어주게 됩니다.
2. 숨은 데이터 전송
input type 속성을 text 텍스트창을 만들어주게 되지만 hidden 속성을 부여하게되면 아무런 창이 만들어지지 않습니다. hidden 태그 속성은 name 이름값, value 값을 지정할떄에 사용하게 됩니다.
3. 파일 업로드 폼만들기
파일을 선택하기 위해서 input type 태그에 file 속성을 부여하며 어디로 전송할것인지는 action 태그에 전송할 주소를 입력해야 합니다. 자료를 전송하기 위해서는 method 태그에 post 방식으로 지정해야하며 enctype 태그는 multipart 속성을 부여합니다.
위처럼 form 입력양식은 로그인 기능뿐만 아니라 데이터 전송, 파일 업로드 기능을 만들때도 사용하게 되며 실제 php 서버에 텍스트 자료나 이미지등을 업로드할때에 주로 사용되게 됩니다.
참고로 파일 업로드 기능은 서버에 전송해야 하기 때문에 더 알고자 한다면 php 를 다룰필요가 있습니다.
참고로 파일 업로드 기능은 서버에 전송해야 하기 때문에 더 알고자 한다면 php 를 다룰필요가 있습니다.
