The rookie's HTML5 road DAY 02-----input tag

1 Commonly used labels

Artical
header
header head
header
NAV
navigation bar
NAV
footer
footer
footer
Artical

Use datalist with input
Insert picture description here
. Adding placeholder to input can make the default value in the box disappear when clicked

Insert picture description here

Insert picture description here

2 input tag

email: Email format must be filled in
Insert picture description here
Insert picture description here

tel: fill in the phone number (most browsers no longer support)
Insert picture description here

number: You can only fill in numbers, and there are up and down arrows to adjust the number
Insert picture description here
Insert picture description here

range: slider
Insert picture description here

time: Display the number 00: 00, the maximum is 24 in the front, the maximum is 59 in the back

Insert picture description here

Insert picture description here

date: date year: month: day
Insert picture description here

Insert picture description here

datetime-local: equivalent to date+time
Insert picture description here
Insert picture description here

placeholder attribute: Specifies the prompt to help the user fill in the input field, hidden when the mouse is clicked (but still visible)
Insert picture description here
Insert picture description here

required: the box cannot be empty

Insert picture description here

Insert picture description here

Guess you like

Origin blog.csdn.net/hzl529/article/details/100760623