on
태그
태그
다양한 폼에서 사용자가 입력한 정보를 받을 때 주로 사용된다.
태그는 매우 다양한 형태의 type 속성이 있다.
type="text" : 폼에서 가장 많이 사용하는 요소로, 주로 아이디나 이름, 주소 등 한 줄짜리 일반 텍스트를 입력할 때 사용한다.
type="password" : 입력하는 내용을 화면에 보여주지 않게 하기 위해 '*' 혹은 '●' 로 표시된다. 이 점을 제외하면 텍스트 필드와 똑같이 동작하고 같은 속성을 사용한다.
아이디: 비밀번호:
text, password 필드에서 사용하는 주요 속성
1. size : 텍스트와 비밀번호 필드의 길이. 즉, 화면에 몇 글자까지 보이도록 할것인지 지정한다.
2. value : 텍스트 필드 요소가 화면에 표시될 때 텍스트 필드 부분에 보여주는 내용
(비밀번호 필드에서는 사용하지 않는다)
3. maxlength : 텍스트 필드와 비밀번호 필드에 입력할 수 있는 최대 문자 수
type="search" : 웹 브라우저 화면으로 볼 때는 텍스트 필드와 똑같지만, 웹 브라우저에서는 검색을 위한 텍스트 필드로 인식한다. 모바일 기기의 웹 브라우저에서는 이 필드에 검색어를 입력하면 오른쪽에 x마크가 표시되어 입력한 검색어를 손쉽게 지울 수 있다.
type="url" : 웹 주소를 입력하는 필드
type="email" : 이메일 주소를 입력하는 필드
type="tel" : 전화번호를 나타내는 필드
모바일 페이지에서 이 값을 이용하면 바로 전화를 걸 수 있다.
위 네가지 필드들은 텍스트 필드를 기본으로 세분화된 필드이며, 텍스트 필드와 거의 같은 속성을 사용한다.
텍스트 필드에서 세분화된 필드는 PC용 웹 브라우저에서는 큰 변화가 없는것 처럼 보이지만, 모바일 기기의 웹 브라우저에서 확인하면 변화를 알 수 있다.
배송 정보 이름 배송 주소 이메일 연락처
type="checkbox" : 여러 항목 중 2개 이상을 선택
from http://1121tj.tistory.com/118 by ccl(A) rewrite - 2021-12-27 22:01:01