이번시간에는 버튼에 대해서 알아봅시다. 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..
사용자가 입력한 것을 서버로 전송할 때 사용하는 것을 form이라고 합니다. 먼저 실습이라는 디렉토리에 form.html이라는 파일을 만듭니다. 아이디 : 비밀번호 : 이라는 태그는 사용자로부터 데이터를 입력받을 수 있는 필드를 만드는데 사용됩니다. 태그의 속성값을 통하여 어떤 타입으로 만들 것인지 결정을 합니다. , ... submit이라는 속성은 입력한 데이터를 제출 할 수 있는 버튼을 제공하며, type에 "submit"이라고 사용을 합니다. 위 예시의 제출버튼의 코드입니다. name이라는 속성은 서로 다른 값들을 구분하기 태그에 속성으로 name을 주는 것입니다. 저장되어질 곳이 명확히 명시가 되지 않으면 데이타 값이 어디에 저장되어질지 모르니 name으로 구분해서 명시해 줍니다. 태그의 속성으로..