이진욱의코딩

이번 시간에는 저번 시간에 했던 폼 태그를 응용하는 모습을 보여드리겠습니다. 우선 우리가 이번시간에 만들 것을 미리 보도록 하겠습니다. 어제 했던 거랑 비슷하죠? 그러니 바뀐부분이나 추가된 부분만 설명하겠습니다. 신청자 이름 autofocus는 자동으로 포커스를 맞춰주는 역할을 합니다. required는 반드시 작성해야 하는 칸으로 바뀌게 하는 역할을 합니다. placeholder은 미리 회색으로 텍스트가 뜨게만드는 역할을 합니다. 물론 마우스를 갖다 대면 사라지죠. -- 이런 구조로 보통 연락처를 기입할때 사용하는 방식입니다. datalist는 input type text한테 리스트를 부여해주는 태그입니다. 이런 식으로 말이죠. input type 중 reset은 기입한 내용을 모두 초기화시키는 역할을..

폼은 웹 페이지의 정보를 다른 페이지로 전송하는 역할을 합니다. 단순히 텍스트의 내용만 보여주는 페이지에는 필요 없지만 서로 데이터를 주고받으며 움직이는 웹 페이지일 경우 반드시 드어가는 요소입니다. 예를 들어 로그인할 때 아이디와 비밀번호는 form태그가 자신의 내부에 있는 input박스 정보를 넘기는 것입니다. 이런 폼에 대해서 예제와 함께 하나씩 알아봅시다. l action : 폼 내부에 데이터를 보내는 목적지 URL을 지정한다. l actocomplete : HTML5 HTML5에 추가되었으며 양식의 자동완성을 지정한다. l enctype : 넘기는 Content 타입을 지정하는데 주로 파일을 넘길 때 많이 사용한다. type 은 “multipart/form-data” 로 지정해서 사용한다. l ..