레이아웃(Layout)
CSS 레이아웃
점선 테이블1
점선 테이블2
메타(Meta)
이미지맵(image map)
아이프레임(iframe)
입력양식(form)
텍스트 필드(Text Field)
패스워드(Password Field)
텍스트에어리어(textarea)
셀렉트박스(select)
체크박스(Check Box)
라디오버튼(Radio Button)
리셋버튼(Reset Button)
전송버튼(Submit Button)
이미지 버튼(Image Type)
파일(File Form Control)
히든 필드(Hidden Field)
label
autocomplete
배경음악
필드셋(Fieldset)
마퀴(Marquee)
HTML과 XHTML
오브젝트(Object)
텍스트 필드(Text Field)
텍스트 필드(Text Fields)는 이름이나 주소와 같이 텍스트를 입력받을때 사용됩니다.

<input type="text" name="member_name">

텍스트 필드는 한줄 텍스트를 입력할 수 있는 폼 필드입니다.


텍스트 필드에서 가장 기본적으로 들어가는 속성은 type과 name입니다.

type 속성은 폼 필드의 종류를 지정합니다. type 속성의 값이 text이므로 이는 텍스트 필드를 의미합니다.

name 속성은 폼 필드의 이름을 지정합니다. 하나의 폼 안에서 이 name 속성의 값은 고유한 값이어야 합니다. 폼이 전송되고 나서 폼을 처리하는 파일에서 각 폼 필드를 구분하기 위함입니다.

type 속성과 name 속성은 텍스트 필드뿐 아니라 모든 폼 필드에 공통적으로 사용되는 속성입니다.

기타 텍스트 필드에서 사용할수 있는 속성(property)은 다음과 같습니다.

size
텍스트 필드의 크기를 지정할 수 있습니다. size 속성을 지정하지 않으면 기본값은 20입니다.

maxlength
maxlength 속성은 텍스트 필드에 입력할 수 있는 글자수의 최대값을 지정합니다. size를 지정하더라 이는 화면에 출력되는 사이즈를 의미하지 입력할 수 있는 글자수와는 무관합니다. 입력할 수 있는 글자값을 제한할려면 maxlength 속성을 사용합니다.

value
텍스트 필드에 입력되는 기본값을 지정할 수 있습니다.

회원가입 입력폼의 이름 필드에는 기본값이 필요하지 않겠지만 수정폼에는 자기의 이름이 기본적으로 들어가 있어야 하겠죠?
Copyright © Homejjang.com All rights reserved.