클로리셔 작은 공간

폼(form) 요소는 알게 모르게 웹에서 많이 사용한다. 사용자의 정보를 알기 위한 입력할 틀로 사용되기 때문이다. form 요소를 사용하여 사용자로부터 입력을 받을 수 있고 사용자가 입력한 데이터를 서버로 보낼 때도 form 요소를 사용한다. action 속성은 입력받은 데이터를 처리할 서버 상의 스크립트 파일의 주소를 명시한다. 이렇게 전달받은 데이터를 처리하는 스크립트 파일을 폼 핸들러(form-handler)라고 한다. method 속성은 입력받은 데이터를 서버에 전달할 방식을 명시한다. 즉, 사용자가 form 요소를 통해 입력한 데이터는 action 속성에 명시된 위치로 method 속성의 방식으로 전달된다. 1. 폼 태그 동작방법 1. 폼이 있는 웹 페이지를 방문한다. 2. 폼 내용을 입력한다..

1. 태그 속성 form 관련 요소들은 동적인 웹 페이지를 위해서는 반드시 필요한 요소들이다. 로그인, 회원가입, 글쓰기 등 관리할때 사용되는 즉, 폼안에 입력된 데이터를 서버로 전달해서 처리하도록 만들어주는 태그다. 1-1. form 속성 method : 폼을 전송할 방식으로 'post' / 'get' 두 가지가 있다. name : 하나의 웹 문서안에 여러 개의 폼이 있을 수 있으므로 폼을 식별하기위해 폼의 이름을 지정한다. action : 폼을 전송할 서버의 스크립트 파일을 지정한다. onsubmit : action 속성을 활용하지않고, onsubmit 이벤트를 활용해서 스크립트로 처리가 가능하다. target : 스크립트 파일을 현재의 창이 아닌 다른 위치에서 열리도록 지정할 수 있다. autoco..

폼[form]은 웹 페이지의 정보를 다른 페이지로 전송하는 역할을 한다. 단순히 텍스트 내용만 보여주는 페이지말고 서로 데이터를 주고 받으며 움직이는 웹 페이지일 경우 반드시 들어가는 태그 요소이다. ex. 아이디와 비밀번호는 태그가 자신의 내부에 있는 정보를 넘기는 것 1. 폼(form) 속성 종류 알아보기 action : 폼 내부에 데이터를 보내는 목적지 url을 지정한다. actocomplete : HTML5에 추가되었으며 양식의 자동완성을 지정한다. enctype : 넘기는 content 타입을 지정하는데 주로 파일을 넘길 때 많이 사용. entype="multipart/form-data"로 지정해서 사용한다. method : 폼을 서버로 전송하는 http 방식을 지정. POST와 GET이 있다...