Detailed introduction to all types in HTML5 forms

1.button: Define a clickable button (usually used with JavaScript to start a script). df250b2156c434f3390392d09b1c9563

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

2.checkbox: Define the checkbox. df250b2156c434f3390392d09b1c9563

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

3.cancel: Cancel button, used to cancel the submission. df250b2156c434f3390392d09b1c9563

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

4.color: Define the color picker. df250b2156c434f3390392d09b1c9563

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

5.date: Define date control (including year, month, day, excluding time) . df250b2156c434f3390392d09b1c9563

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

6.datetime: Define date and time controls (including year, month, day, hour, minute, second, fraction seconds, based on UTC time zone). 94b3e26ee717c64999d7867364b1b4a3

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

7.datetime-local: Define date and time controls (including year, month, day, hour, minute, second, fraction of a second, no with time zone). df250b2156c434f3390392d09b1c9563

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

8.month: Define month and year controls (without time zone). df250b2156c434f3390392d09b1c9563

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

9.week: Define week and year controls (without time zone). df250b2156c434f3390392d09b1c9563

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

10.time: Defines a control for entering time (without time zone). df250b2156c434f3390392d09b1c9563

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

11.email: Defines the field used for e-mail addresses. 94b3e26ee717c64999d7867364b1b4a3

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

12.file: Define the file selection field and "Browse..." button for file upload . df250b2156c434f3390392d09b1c9563

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

13.hidden: Define hidden input fields. df250b2156c434f3390392d09b1c9563

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

14.image: Define the image as the submit button. df250b2156c434f3390392d09b1c9563

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

15.number: Defines a field for entering numbers. df250b2156c434f3390392d09b1c9563

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

16.password: Define the password field (characters in the field will be masked). df250b2156c434f3390392d09b1c9563

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

17.radio: Define radio button. df250b2156c434f3390392d09b1c9563

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

18.range: Defines a control for input numbers where the exact value is not important (such as a slider control). df250b2156c434f3390392d09b1c9563

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

19.reset: Define the reset button (reset all form values ​​to default values). df250b2156c434f3390392d09b1c9563

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

20.search: Define the text field used to enter the searchstring. df250b2156c434f3390392d09b1c9563

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

21.submit: Define the submit button. df250b2156c434f3390392d09b1c9563

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

22.tel: Defines the field for entering a phone number. df250b2156c434f3390392d09b1c9563
Enter phone number:

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

23.text: Default. Defines a single-line text field (default width is 20 characters). df250b2156c434f3390392d09b1c9563

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

24.url: Defines the field for entering the URL. df250b2156c434f3390392d09b1c9563
Add your homepage URL:

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

The above is the detailed content of Detailed introduction to all types in HTML5 forms. For more information, please follow other related articles on the PHP Chinese website!