티스토리 뷰

Input form


• 인라인 요소, 빈 요소

• 폼 안에 기본적인 컨트롤을 생성

• input 요소의 type (type="컨트롤의 종류")

• text : 일반 텍스트 입력필드

• password :

  - 비밀번호 입력필드

  - 대부분의 브라우저에서 입력한 텍스트를 '*' 등으로 감추어 표시

  - 일반 텍스트로 전송되기에 실제 데이터 전송 시에는 암호화 기술 필요

• checkbox : 복수 선택 가능한 체크박스

• radio : 한 개만 선택 가능한 라디오버튼






Input 

• input 요소의 type (type="컨트롤의 종류")

• submit : 송신버튼

• reset : 리셋버튼 (입력 내용 전부를 초기화)

• button : 범용버튼

• image : 송신 이미지버튼 (src 속성과 alt 속성 지정)

• file : 송신파일 선택필드

• hidden : 감춰진 필드 (화면에서는 표시되지 않으나 서버로 전송할 데이터를 지정할 수 있음)

 

 

Input 

• input 요소의 주요 속성

• name : 컨트롤의 이름

 (서버에서 처리할 데이터의 컨트롤에는 name 속성 필수)

• value : 컨트롤의 값

• size : text, password 컨트롤의 가로 크기

 - size를 지정하지 않으면 컨트롤의 폭은 브라우저에 따라 달라짐

 - size를 지정하여도 브라우저의 설정이나 글꼴 크기에 따라 폭이 달라질 수있음


 






 Input 

• input 요소의 주요 속성

• maxlength : text, password 컨트롤의 최대 입력 문자수 지정


• checked : 체크박스, 라디오버튼의 초기 선택상태 지정

• disabled : 컨트롤을 포커스, 선택, 변경 등의 조작이 불가능하게 하고

 데이터는 서버로 전송하지 않음

• readonly : 컨트롤의 내용을 변경되지 않게 하지만 데이터는 서버로 전송


<input type="submit" name="submit1" value="전송하기" />

<input type="password" name="password1" size="10" maxlength="10" />

<input type="radio" name="radio1" value="radio_value1" checked />


※ download & Next Menu



저작자 표시 비영리 변경 금지
신고
댓글