이번 시간에 살펴볼 것은 hidden field라는 것입니다. 이제까지 살펴본 태그들은 체크박스, 라디오버튼, 제출버튼, 버튼 다 눈에 보이는 것이었는데, 이번 시간에는 UI가 없이 서버쪽으로 데이타를 전송하는 hidden field라는 것을 배워봅시다. form_hidden.html이라는 화일을 [실습] 폴더에 만들어 줍시다. 일 때, UI가 눈에 보이진 않지만 서버로 값이 전송될 때 사용하는 것으로 'hide=이미남'으로 전송이 됩니다. 즉 UI가 필요없거나 사용자 몰래 어떤 값을 서버로 전송할 필요가 있을 때 쓰이는 태그를 말합니다.
이번시간에는 버튼에 대해서 알아봅시다. form_button.html이라는 화일을 만들고 문서의 구조형식으로 만들어봅시다. 버튼을 나타내는 폼태그에는 태그에 type="button"으로 설정을 하면 됩니다. type="submit"이면 폼태그에 있는 내용들을 서버로 전송해 주는 것이며, type="button"이면 일반적인 버튼 모양의 아이콘을 만들어 주긴 하지만 다른 사용은 없습니다. 단 자바스크립트와 함께할 때 효용이 생깁니다. type="reset"일 경우, 폼태그에 기록한 내용을 모두 초기화 시켜줍니다.
사용자들로 하여금 여러개의 선택지에서 하나 또는 복수의 선택을 할 수 있게 하는 radio버튼과 checkbox버튼을 배워봅시다. 먼저 [실습] 폴더에 form_choice2.htlm이라는 화일을 생성합니다. 색상(단일선택)붉은색 : 검은색 : 파란색 : 사이즈(다중선택)95 : 100 : 105 : 라디오버튼과 체크박스는 각각 태그의 type속성으로 설정을 해줍니다. radio의 속성의 경우에는 같은 name으로 묶여진 그룹에서 하나만 선택이 가능하지만, checkbox의 경우에는 다중으로 선택이 가능합니다. 기본적으로 화면이 실행되었을 때, 선택되어져 있는 것으로 보이기 위해서는 태그의 옵션에 "checked"라고 입력을 해주면 됩니다. 색상(단일선택) 붉은색 : 검은색 : 파란색 : 사이즈(다중선택..
사용자들로 하여금 여러가지 선택지 중에서 하나를 선택하게 하는 방법을 표시하는 방법을 익혀봅시다. 예제파일을 form_choice1.html으로 작성합니다. 색상 붉은색 검은색 파란색 색상2(다중선택) 붉은색 검은색 파란색 사용자에게 선택옵션을 주는 태그 중에서 드랍다운리스트(콤보상자)로 표시하는 것은 ~라는 태그 아래 각 선택 항목들을 태그로 감싸줍니다. 우리가 보기편한 값(캡션)과 컴퓨터가 이해하기 쉬운값으로 나눠서 표시를 해줍니다. 태그에서 multiple이라는 속성을 사용하면 다중선택이 가능하지만 다중선택의 경우 checkbox를 사용하는 것이 더 좋습니다. 색상 붉은색 검은색 파란색 색상2(다중선택) 붉은색 검은색 파란색
여러가지 태그들 중에서 텍스트를 입력받는 태그들을 알아봅시다. 실습폴더에 form_text.html 이라는 화일을 만듭니다. text : password : textarea : default value 텍스트를 입력받는 폼태그에는 type="text", type="password"라는 속성이 있습니다. 그 안에 값에 기본값을 입력할 때는 value라는 속성을 사용하여 내용을 입력합니다. 텍스트 태그의 다른 형식인 라는 태그는 여러줄을 입력 받을 때 사용할 수 있습니다. 이 태그의 속성값은 여러가지가 있지만 대표적인 것은 열을 나타내는 "cols", 행을 나타내는 "rows"가 있습니다. 기본값을 입력할 때는 그냥 ~ 사이에 내용을 입력하면 됩니다. text : password : textarea : de..