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

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

<input id="" type="button" name="" value="按钮" /><br />
<br />

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

<input id="" type="checkbox" name="" />男<br />
<input id="" type="checkbox" name="" checked="checked" />女<br />
<br />

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

<input id="" type="cancel" name="" /><br />
<br />

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

<input id="" type="color" name="" /><br />
<br />

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

<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초 미만 포함) 시간대). df250b2156c434f3390392d09b1c9563

<input id="" type="datetime-local" name="" /><br />
<br />

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

<input id="" type="month" name="" /><br />
<br />

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

<input id="" type="week" name="" /><br />
<br />

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

<input id="" type="time" name="" /><br />
<br />

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

<form action=""></form>
<p>E-mail:<input id="" type="email" name="" /><br />
<br />

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

<input id="" type="file" name="" /><br />
<br />

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

<input id="" type="hidden" name="" /><br />
<br />

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

<input id="" type="image" name="" /><br />
<br />

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

<input id="" type="number" name="" /><br />
<br />

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

<input id="" type="password" name="" /><br />
<br />

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

<input id="" type="radio" name="" />男<br />
<input id="" type="radio" name="" checked="checked" />女<br />
<br />

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

<input id="" type="range" name="" /><br />
<br />

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

<input id="" type="reset" name="" /><br />
<br />

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

<input id="" type="search" name="" /><br />
<br />

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

<input id="" type="submit" name="" value="提交" /><br />
<br />

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

<input id="" type="tel" name="" /><br />
<br />

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

<input id="" type="text" name="" /><br />
<br />

24.url: URL을 입력하는 데 사용되는 필드를 정의합니다. df250b2156c434f3390392d09b1c9563
홈페이지 URL 추가:

<input id="" type="url" name="" /></p>

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