■ html 입력 양식 중에서 [reset] 버튼과 [submit] 버튼에 대해서 알아보도록 하겠습니다. reset은 사용자가 입력한 내용을 모두 삭제해서 초기화시키는 기능의 버튼이고, submit 버튼은 입력한 내용을 전송하는 기능의 버튼인데요. 두 입력양식의 공통점은 [form] 태그 안에 넣어서 사용해야 한다는 점입니다. form 테그를 사용하지 않으면 그 기능을 제대로 실행하지 못하게 됩니다. 각각의 형식과 속성에 대해서 알아보고 예제를 만들어서 실행해보겠습니다. 먼저 reset 버튼의 형식과 속성인데요. ■ input type 속성에는 "reset"을 입력하면 되고, value는 버튼에 출력할 문자열을 설정합니다. 메모장에 다음과 같이 예제를 만들어 보겠습니다. ■ form 태그 안에 넣어서 사..

■ 이번 글에서는 html태그 입력 양식 중에서 체크박스와 라디오버튼 넣는 방법을 알아보겠습니다. 체크박스는 사용자가 선택할 수 있는 목록을 나열하고 그중에서 여러 개를 선택할 수 있고, 체크된 상태에서 한 번 더 선택하면 체크가 해제됩니다. 라디오버튼은 여러 목록 중에서 단 하나의 항목만을 선택할 수 있고, 다른 항목을 선택하면 기존 선택되어 있던 항목은 해제되는 형식인데요. 예제를 만들어가면서 두 입력양식의 공통점과 차이점을 살펴보겠습니다. 먼저 체크박스에 대해서 알아볼 텐데요. 체크박스의 형식은 다음과 같습니다. input type 속성을 "checkbox"로 설정해주면 되는데요. ■ 이때 name 속성은 모두 동일해야 합니다. name 속성이 다르면 다른 그룹의 체크박스로 처리되기 때문에 "이름"..

■ 이번 포스팅에서는 'html 태그' 입력 양식 중에서 암호를 입력하는 방식의 태그에 대해서 알아볼 텐데요. 대부분의 웹 페이지에서 암호를 입력할 때는 입력한 문자열이 보이지 않고 별표 "*"가 보이게 되잖아요? 그런 양식의 텍스트 입력 박스를 만들어 보겠습니다. 먼저 암호 입력 태그의 형식부터 알아보고 넘어갈게요. ■ input type는 "password"를 입력하시면 되구요. 그 밖의 설정은 '이름'과 텍스트 입력란의 '크기', 최대 입력할 수 있는 '문자열의 길이'와 초기에 출력될 '초기값' 등을 설정해줄 수 있습니다. 암호 입력 태그의 형식을 적용해서 예제 html 문서를 만들어서 인터넷 브라우저에서 출력해보겠습니다. ■ 메모장에 그림과 같은 형식으로 입력해 봤습니다. 앞에서 살펴본 passw..

html 태그 중 입력을 담당하는 태그인 input type 형식에 대해서 알아보도록 할게요. 이번 글에서는 input type 형식 중에서 가장 기본인 "text" 속성에 대해서 알아볼 텐데요. 텍스트 입력 양식을 만들기 위해서는 type 속성을 "text"로 설정하면 됩니다. 먼저 형식을 살펴보고 메모장에 예제를 하나 만들어서 적용해보겠습니다. 텍스트 입력양식의 형식은 다음과 같습니다. 앞에서 말한 것처럼 input type는 text로 설정해주고, name은 이름, size는 입력란의 크기(길이)입니다. maxlength는 입력받을 수 있는 최대 글자 수이고, value는 입력받기 전 초기 화면에 나타나는 값인데요. 이 형식을 생각하면서 예제를 하나 만들어 보겠습니다. 모두 input type= "..