> 웹 프론트엔드 > H5 튜토리얼 > HTML5 양식의 모든 유형에 대한 자세한 소개

HTML5 양식의 모든 유형에 대한 자세한 소개

黄舟
풀어 주다: 2017-05-21 14:57:45
원래의
2631명이 탐색했습니다.

1.버튼: 클릭 가능한 버튼 을 정의합니다(일반적으로 스크립트를 실행하기 위해 JavaScript와 함께 사용됨).

<input id="" type="button" name="" value="按钮" /><br />
<br />
로그인 후 복사

2. 체크박스: 체크박스를 정의합니다.

<input id="" type="checkbox" name="" />男<br />
<input id="" type="checkbox" name="" checked="checked" />女<br />
<br />
로그인 후 복사

3.cancel: 취소 버튼, 제출을 취소하는 데 사용됩니다.

<input id="" type="cancel" name="" /><br />
<br />
로그인 후 복사

4.color: 색상 선택기를 정의합니다.

<input id="" type="color" name="" /><br />
<br />
로그인 후 복사


5.날짜: 날짜를 정의합니다제어(연, 월, 일 포함, 시간 제외) .

<input id="" type="date" name="" /><br />
<br />
로그인 후 복사

6.datetime: 날짜 및 시간 제어 정의(연도, 월, 일, 시, 분, 초, 분수 초 포함) UTC 시간대 기준).


<
for
m 
action
="">生日 (日期和时间):<input id="" type="datetime" name="" /> <input id="" type="submit" name="" value="提交" /></form>
<p><br />
<br />
로그인 후 복사


7.datetime-local: 날짜 및 시간 제어 정의(연도, 월, 일, 시, 분, 초, 1초 미만 포함) 시간대).

<input id="" type="datetime-local" name="" /><br />
<br />
로그인 후 복사


8.month: 월 및 연도 컨트롤을 정의합니다(시간대 제외).

<input id="" type="month" name="" /><br />
<br />
로그인 후 복사


9.week: 주 및 연도 제어를 정의합니다(시간대 제외).

<input id="" type="week" name="" /><br />
<br />
로그인 후 복사

10.time: 시간 입력에 대한 컨트롤을 정의합니다(시간대 제외).

<input id="" type="time" name="" /><br />
<br />
로그인 후 복사

11.email: 이메일 주소에 사용되는 필드를 정의합니다.


<form action=""></form>
<p>E-mail:<input id="" type="email" name="" /><br />
<br />
로그인 후 복사


12.file: 파일 선택 필드를 정의하고 파일 업로드를 위한 "찾아보기..." 버튼을 정의합니다. .

<input id="" type="file" name="" /><br />
<br />
로그인 후 복사


13.hidden: 숨겨진 입력 필드를 정의합니다.

<input id="" type="hidden" name="" /><br />
<br />
로그인 후 복사


14.image: 이미지를 제출 버튼으로 정의합니다.

<input id="" type="image" name="" /><br />
<br />
로그인 후 복사


15.number: 숫자를 입력하는 필드를 정의합니다.

<input id="" type="number" name="" /><br />
<br />
로그인 후 복사


16.password: 비밀번호 필드를 정의합니다(필드의 문자는 가려집니다).

<input id="" type="password" name="" /><br />
<br />
로그인 후 복사

17.radio: 라디오 버튼을 정의합니다.

<input id="" type="radio" name="" />男<br />
<input id="" type="radio" name="" checked="checked" />女<br />
<br />
로그인 후 복사


18.range: 정확한 값이 중요하지 않은 입력 숫자에 대한 컨트롤(예: 슬라이더 컨트롤)을 정의합니다.

<input id="" type="range" name="" /><br />
<br />
로그인 후 복사


19.reset: 재설정 버튼을 정의합니다(모든 양식 값을 기본값으로 재설정).

<input id="" type="reset" name="" /><br />
<br />
로그인 후 복사


20.search: 검색 문자열 을 입력하는 데 사용되는 텍스트 필드를 정의합니다.

<input id="" type="search" name="" /><br />
<br />
로그인 후 복사


21.submit: 제출 버튼을 정의합니다.

<input id="" type="submit" name="" value="提交" /><br />
<br />
로그인 후 복사

22.tel: 전화번호를 입력하는 필드를 정의합니다.

전화번호 입력:

<input id="" type="tel" name="" /><br />
<br />
로그인 후 복사


23.text: 기본값. 한 줄 텍스트 필드를 정의합니다(기본 너비는 20자).

<input id="" type="text" name="" /><br />
<br />
로그인 후 복사


24.url: URL을 입력하는 데 사용되는 필드를 정의합니다.

홈페이지 URL 추가:

<input id="" type="url" name="" /></p>
로그인 후 복사

위 내용은 HTML5 양식의 모든 유형에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿