카테고리 없음

[HTML,XML] 입력양식 텍스트 필드(text field), 패스워드 필드(password field)

정보처리마법사 2016. 4. 16. 16:59
반응형

[HTML,XML] 입력양식 텍스트 필드(text field), 패스워드 필드(password field)

 

텍스트 필드(Text Field)는 이름이나 주소와 같이

텍스트를 입력 받을 때 사용됩니다.

 

사용 예)

<input type="text" name="id" maxlength="10">

 

 

 

CSS Textbox Style 참고 사이트

 

 

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

텍스트 필드에서 가장 기본적으로 들어가는 속성은 type과 name인데

이 속성은 텍스트 필드 뿐 아니라 모든 폼 필드의 공톡적 사용 속성입니다.

type속성은 폼 필드의 종류를 지정합니다.

type속성의 값이 text이므로 이는 텍스트 필드를 의미합니다.

name속성은 폼 필드의 이름을 지정합니다.

하나의 폼 안에서 이 name속성의 값은 고유한 값이어야 합니다.

그 이유는 폼이 전송되고 나서 폼을 처리하는 파일에서 각 폼 필드를

구분하기 위함입니다.

 

텍스트 필드에서 사용할 수 있는 기타 속성

size

텍스트 필드의 크기를 지정할 수 있습니다. default는 20입니다.

maxlength

텍스트 필드에 입력할 수 있는 최대 글자 수를 지정합니다.

value

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

(예 : 회원정보 수정 폼)

 

비밀번호를 입력하는 패스워드 필드(password field)는

텍스트 필드와 모양은 동일하나 단지 입력값이

****로 표시된다는 차이점만 있습니다.

사용 예)

<input type="password" name="pwd" maxlength="10">

속성들도 텍스트필드와 동일합니다.

 

참고 사이트

 

이상으로 포스팅을 마칩니다. 감사합니다.

 






Fin.


잘 못 된 정보가 있으면 말씀해주세요~


공감버튼 클릭은 작성자에게 큰 힘이 됩니다.  행복한 하루 되세요.

반응형