HTML - form: method 데이터를 전송하는 방법: method 속성 method를 지정하지 않으면 get방식으로 동작 (기본값) get : url을 통해서 데이터를 전송 post : url이 아닌 다른 방싱으로 데이터를 숨겨서 전송 1. Get방식 URL을 통해서 데이터를 전송하는 방식 서버 쪽으로 데이터를 전송할 때 웹브라우저는 URL뒤에다가 ?id=egoine이라는 사용자가 입력한 데이터를 전송 → method.php.라는 것이 열릴 때 id=egoing이라는 url값을 인지해서 어떤 작업을 처리함 비밀번호가 url에 그대로 노출 → 정보가 어떤 경우에는 url로 전달하는 것이 필요할 때가 있 어떤 경우에는 감춰서 전달할 필요가 있음 2. Post방식 URL이 아닌 다른 방식으로 데이터를 ..
HTML - form: label label form의 입력창에 이름을 붙여주는 태그 누구의 label인지 정확하게 표현하기 위해 input의 id값과 label의 for값을 동일하게 연결시켜준다. → 시각적인 변화는 없지만 기능상 label을 클릭하면 해당 텍스트 필드로 커서가 이동한다. text : textarea : default value text : textarea : default value id를 쓰지 않는 방법으로는, label로 해당 input태그를 감싸주어도 같은 결과가 나온다. text : textarea : default value text : textarea : default value checkbox인 경우도 동일한 방법으로 텍스트를 클릭해도 체크박스가 체크되게 만들 수 있다. ..
HTML - form: hidden hidden field 서버로 데이터를 전송하는데 UI가 필요없거나 몰래 데이터를 전송해야 하는 겅우 이용하는 기능 hidden : UI는 없지만 서버로 데이터를 전송 type이 hidden인 input태그는 화면상 표시가 되지 않지만 hide라는 이름으로 egoing이라는 값을 가지고 있음 → 텍스트 필드에 아무 것도 입력하지 앉고 제출하면 "http://localhost/hidden.php"로 hide는 egoing이라는 값이 전송
HTML - form: buttom Button 버튼을 생성하는 속성 submit : 제출 버튼 생성 - value 속성: 제출 버튼에 나타내는 내용을 지정 (기본값: '제출') button : 버튼 생성(기본값이 없기 때문에 value값을 정해줘야 함) - submit은 누르면 새 창이 뜨지만 button은 아무 변화 없음. 즉, button은 submit과 다르게 버튼의 UI만 만들어지는 것. 기능을 주려면 자바 스크립트와 함께 활용해야함 reset : 재설정 버튼 생성 (reset이 속해있는 form태그 아래의 사용자가 입력한 모든 정보가 초기화)
HTML - form: 선택 Dropdown List 제한된 공간 안에서 여러 개의 선택지를 선택할 수 있도록 하는 기능 : option들을 묶어 dropdown list를 만듦 : 선택 항목 - value 속성 :실제로 컴퓨터에 전송되는 정보 붉은색 검은색 파란색 붉은색 검은색 파란색 HTML - form: radio, checkbox Radio button 사용자에게 한 개의 선택지를 선택해서 제출할 수 있도록 하는 기능 (단일 선택) : 라디오 버튼 생성 : 같은 name 값으로 묶인 radio 버튼 중 1개의 버튼만 선택 가능 붉은색 : 검은색 : 파란색 : 붉은색 : 검은색 : 파란색 : Check Box 사용자에게 여러 개의 선택지를 선택해서 제출할 수 있도록 하는 기능 (다중 선택) : 같은..