[html]: html 의 input 상세 설명

3829 단어
정의 와 용법
type 속성 은 input 요소 의 종 류 를 규정 합 니 다.
실례
아래 폼 은 두 개의 입력 필드 와 제출 단 추 를 가지 고 있 습 니 다.
<form action="form_action.asp" method="get">
  <p>First name: <input type="text" name="fname" /></p>
  <p>Last name: <input type="text" name="lname" /></p>
  <input type="submit" value="Submit" />
</form>

문법
<input type="value">

속성 값
값.
묘사 하 다.
button
단 추 를 누 를 수 있 는 단 추 를 정의 합 니 다 (대부분의 경우 자바 스 크 립 트 를 통 해 스 크 립 트 를 시작 하 는 데 사 용 됩 니 다).
checkbox
복선 상 자 를 정의 합 니 다.
file
파일 을 업로드 할 수 있 도록 입력 필드 와 '탐색' 단 추 를 정의 합 니 다.
hidden
숨겨 진 입력 필드 를 정의 합 니 다.
image
그림 형식의 제출 단 추 를 정의 합 니 다.
password
암호 필드 를 정의 합 니 다.이 필드 의 문 자 는 마스크 되 어 있 습 니 다.
radio
선택 단 추 를 정의 합 니 다.
reset
리 셋 단 추 를 정의 합 니 다.리 셋 단 추 는 폼 의 모든 데 이 터 를 지 웁 니 다.
submit
제출 단 추 를 정의 합 니 다.제출 단 추 는 폼 데 이 터 를 서버 에 보 냅 니 다.
text
한 줄 의 입력 필드 를 정의 합 니 다. 사용 자 는 텍스트 를 입력 할 수 있 습 니 다.기본 폭 은 20 글자 입 니 다.
Text
< input type = "text" / > 사용자 가 입력 할 수 있 는 텍스트 의 단일 입력 필드 를 정의 합 니 다.
Email: <input type="text" name="email" />
Pin: <input type="text" name="pin" />

Button
< input type = "button" / > 누 를 수 있 는 단 추 를 정의 하지만 아무런 행동 도 하지 않 습 니 다.button 형식 은 사용자 가 단 추 를 눌 렀 을 때 자 바스 크 립 트 프로그램 을 시작 하 는 데 자주 사 용 됩 니 다.
<input type="button" value="Click me" onclick="msg()" />

Checkbox
< input type = "checkbox" / > 복선 상 자 를 정의 합 니 다.체크 상 자 는 사용자 가 일정한 수량의 선택 에서 하나 이상 의 옵션 을 선택 할 수 있 도록 합 니 다.
<input type="checkbox" name="vehicle" value="Bike" /> I have a bike
<input type="checkbox" name="vehicle" value="Car" /> I have a car

File
< input type = "file" / > 파일 업로드 에 사용 합 니 다.
<input type="file" />

Hidden
< input type = "hidden" / > 숨겨 진 필드 를 정의 합 니 다.숨겨 진 필드 는 사용자 에 게 보이 지 않 습 니 다.숨겨 진 필드 는 보통 기본 값 을 저장 합 니 다. 값 도 자바 스 크 립 트 에서 수정 할 수 있 습 니 다.
<input type="hidden" name="country" value="Norway" />

Image
< input type = "image" / > 그림 형식의 제출 단 추 를 정의 합 니 다.
반드시 src 속성 화해시키다 alt 속성 < input type = "image" > 와 결합 하여 사용 합 니 다.
<input type="image" src="submit.gif" alt="Submit" />

Password
< input type = "password" / > 암호 필드 를 정의 합 니 다.암호 필드 의 문 자 는 별표 나 원점 으로 표 시 됩 니 다.
<input type="password" name="pwd" />

Radio
< input type = "radio" / > 선택 단 추 를 정의 합 니 다.선택 단 추 를 누 르 면 사용자 가 주어진 수량의 선택 중 하 나 를 선택 할 수 있 습 니 다.
<input type="radio" name="sex" value="male" /> Male
<input type="radio" name="sex" value="female" /> Female

Reset Button
< input type = "reset" / > 리 셋 단 추 를 정의 합 니 다.리 셋 단 추 는 폼 의 모든 데 이 터 를 지 웁 니 다.
<input type="reset" />

Submit
< input type = "submit" / > 제출 단 추 를 정의 합 니 다.제출 단 추 는 서버 에 폼 데 이 터 를 보 내 는 데 사 용 됩 니 다.데 이 터 는 폼 의 action 속성 에서 지정 한 페이지 로 보 냅 니 다.
<form action="form_action.asp" method="get">
Email: <input type="text" name="email" />
<input type="submit" />
</form>

좋은 웹페이지 즐겨찾기