[html]html 회원가입 폼 양식 보고서

소개

html 폼 양식에 관한 보고서로써 회원가입 폼 양식을 만드는 방법을 기초부터 자세히 기록한 보고서입니다.

목차

1. 텍스트 입력란 “text”
2. 비밀번호 입력란 “password”
3. 텍스트 입력 영역 “textarea”
4. 라디오버튼(둥근 버튼) 만들기
5. 체크박스 만들기
6. 파일경로 지정하기
7. 드롭다운 메뉴 만들기 펼침
7. 전송버튼과 삭제버튼 만들기
< 회원가입폼양식>

본문내용

1. 텍스트 입력란 “text”
- 아이디, 비밀번호, 또는 주민등록번호를 입력하는 경우처럼 한 줄 정도의 짧은 텍스트를 입력받는 텍스트 박스로 만들 때 <input>태그를 사용한다. 이 태그는 종료태그가 없다.

(1) 이름, 나이 입력 텍스트 박스 만들기
이름이나 나이 등을 입력하는 텍스트 박스는 input type=”text” 를 이용하여, size 속성으로 길이를 지정할 수 있다.

(2) 텍스트가 미리 입력되어 있는 텍스트 박스 만들기
텍스트 박스에 초기 내용을 넣어놓은 양식이다. Value 속성을 이용하면 초기값을 넣을 수 있다. 예제에서는 이름란에 학생, 나이란에 20을 사용했다.

(3) 텍스트 박스에 최대 입력 문자수 지정하기
입력받을 글자의 최대 수를 지정하면 그 이상의 입력내용은 무시하게 된다. 이것은 maxlength 속성을 이용한다. 가령 maxlength=”5”는 영문 다섯 글자까지만 입력할 수 있다. 한글은 영문 2자로 취급한다.

2. 비밀번호 입력란 “password”
회원 로그인에서 비밀번호를 입력할 때 사용하는 방법이다.
ex) <input type=”password” name=”이름” size=”크기” maxlength=”최대글자수”>
type의 password 속성값은 입력되는 글자를 감추도록 **** 형식으로 표시하게 한다. size는 텍스트 박스의 길이를 설정하며, maxlength는 입력할 수 있는 글자의 최대 개수를 지정하면 된다.

참고자료

· 없음