입력 표시

태그 < INPUT > 를 입력 하 는 것 은 폼 에서 가장 많이 사용 되 는 태그 중 하나 입 니 다. 자주 사용 하 는 텍스트 필드, 단추 등 은 모두 이 표 시 를 사용 합 니 다.
기본 문법:

<FORM>
<input name = "field_name" type = "type_name">
</FORM>

name: 필드 이름
type: 필드 의 종류
type 에 포함 할 수 있 는 값:
TEXT: 텍스트 필드
PASSWORD: 암호 영역
FILE: 파일 영역
CHECKBOX: 콤 보 상자
라디오: 체크 상자
버튼: 일반 버튼
SUBMIT: 제출 버튼
RESET: 리 셋 단추
HIDDEN: 숨겨 진 영역
IMAGE: 그림 필드 (그림 제출 버튼)
다음은 하나씩................................................................

TEXT 문자 영역

TEXT 속성 값 은 폼 의 텍스트 필드 에 설정 하고 모든 종류의 텍스트, 숫자 또는 알파벳 을 입력 합 니 다.입력 한 내용 을 한 줄 로 표시 합 니 다.
기본 문법:

<input type = "text" name = "field_name" maxlength = "value" size = "value" value = "field_value">

name: 텍스트 필드 의 이름
maxlength: 텍스트 필드 의 최대 입력 문자 수
size: 텍스트 필드 의 너비 (문자 단위)
value: 텍스트 필드 의 기본 값

PASSWORD 암호 필드

암호 필드 와 텍스트 필드 가 비슷 합 니 다. 텍스트 상자 에 입력 한 문 자 는 모두 별표 '*' 또는 원점 으로 표 시 됩 니 다.
기본 문법:

<input type = "password" name = "field_name" maxlength = "value" size = "value">

name: 텍스트 필드 의 이름
maxlength: 텍스트 필드 의 최대 입력 문자 수
size: 텍스트 필드 의 너비 (문자 단위)

FILE 파일 필드

파일 도 메 인 은 도 메 인 내부 에 자신의 하 드 디스크 에 있 는 파일 경 로 를 작성 한 다음 폼 을 통 해 업로드 할 수 있 습 니 다. 이것 은 파일 도 메 인의 기본 기능 입 니 다.
파일 필드 의 외관 은 텍스트 상자 에 탐색 단 추 를 추가 하 는 것 입 니 다. 사용 자 는 사이트 에 업로드 할 파일 의 경 로 를 텍스트 상자 에 직접 쓸 수도 있 고 탐색 단 추 를 누 르 면 자신의 컴퓨터 에서 업로드 할 파일 을 찾 을 수도 있 습 니 다.
기본 문법:

<input type = "file" name = "field_name">

CHECKBOX 콤 보 상자

여러 옵션 중에서 여러 항목 을 선택 할 수 있 습 니 다. 다 중 선택 상자 라 고 합 니 다.네모 난 틀 로 표시 하 다.
기본 문법:

<input type = "checkbox" name = "field_name" value = "value"(checked)>

checked: 이 옵션 이 기본적으로 선택 되 었 음 을 표시 합 니 다
value: 선택 한 항목 을 서버 에 전송 하 는 값 을 표시 합 니 다.

RADIO 단일 선택 상자

단일 선택 상 자 는 항목 의 단일 선택 을 할 수 있 으 며, 원 상자 로 표시 할 수 있 습 니 다.
기본 문법:

<input type = "radio" name = "field_name" value = "value"(checked)>

그 중에서 모든 체크 상자 의 이름 은 같 습 니 다. 독립 된 값 이 있 습 니 다. 기본적으로 선택 한 것 은 추가 할 수 있 습 니 다.
checked。
value: 이 옵션 을 선택 하면 서버 에 전송 할 값 을 표시 합 니 다.

버 턴 노 멀 버튼

폼 의 단 추 는 매우 중요 한 역할 을 합 니 다. 단 추 는 폼 을 제출 하 는 동작 을 자극 할 수 있 습 니 다. 사용자 가 폼 을 수정 해 야 할 때 폼 을 초기 상태 로 복원 하고 프로그램의 수요 에 따라 다른 역할 을 발휘 할 수 있 습 니 다.
일반 단 추 는 주로 자바 script 스 크 립 트 에 맞 춰 폼 을 처리 합 니 다.
기본 문법:

<input type = "button" name = "field_name" value = "button_text">

value: 단추 위 에 표 시 된 텍스트 입 니 다.

SUBMIT 제출 버튼

제출 단 추 를 누 르 면 폼 내용 의 제출 을 실현 할 수 있 습 니 다.
기본 문법:

<input type = "submit" name = "field_name" value = "button_text">

value: 단추 위 에 표 시 된 텍스트 입 니 다.

RESET 리 셋 버튼

리 셋 단 추 를 누 르 면 폼 의 내용 을 지우 고 기본 폼 의 내용 설정 을 복원 할 수 있 습 니 다.
기본 문법:

<input type = "reset" name = "field_name" value = "button_text">

value: 단추 위 에 표 시 된 텍스트 입 니 다.

IMAGE 이미지 필드

그림 필드
제출 단추 위치 에 있 는 그림 입 니 다. 이 그림 은 단추 기능 이 있 습 니 다.기본 단추 형식 을 사용 하면 종종 단 조 롭 게 느껴 진다.만약 에 웹 페이지 가 비교적 풍부 한 색 채 를 사용 하거나 약간 복잡 한 디자인 을 한 다음 에 폼 의 기본 버튼 형식 을 사용 하면 전체적인 미 적 감각 을 파괴 할 수 있다.이 때 이미지 필드 를 사용 하여 웹 페이지 의 전체 효과 와 일치 하 는 이미지 제출 단 추 를 만 들 수 있 습 니 다.
기본 문법:

<input type = "image" name = "field_name" src = "image_url">

HIDDEN 숨겨 진 영역

숨겨 진 도 메 인 은 페이지 에서 사용자 에 게 보이 지 않 습 니 다. 폼 에 숨겨 진 도 메 인 을 삽입 하 는 목적 은 폼 을 처리 하 는 프로그램 이 사용 할 수 있 도록 정 보 를 수집 하거나 보 내 는 것 입 니 다.탐색 자가 보 내기 단 추 를 누 르 면 폼 을 보 낼 때 도 메 인 정 보 를 숨 기 고 서버 에 보 냅 니 다.
기본 문법:

<input type = "hidden" name = "field_name" value = "value">

숨겨 진 도 메 인 은 결 과 를 표시 하지 않 고 데 이 터 를 전송 하 는 태그 일 뿐 입 니 다.