Html5 table filling form (2) Various input types, various user selection, uploading, and so on, extensive input user interaction, html5input

Html5 table filling form (2) Various input types, various user selection, uploading, and so on, extensive input user interaction, html5input

<Input> unlimited input

Type Limit input type = the following type

You can also follow some attributes after type: for example, <input type = text maxlength = 10> limit the text length to 10 bytes

List can be used again, and list is added to a few when a recommended value is not enough.

<Form>

<InputType = "text" name = "usr" list = "listfruit">

<DatalistId = "listfruit">

<Option>Sydney</Option>

<Option>Bananas</Option>

<Option>Honeydew melon</Option>

</Datalist>

</Form>

 

Note several things and create a datalist with multiple options. The id of datalist points to the input list. The id of one-to-many option is usually the id of multiple options.

Password display non-plaintext

Placeholder. It is null by default. You can enter a prompt to indicate what to enter, but it disappears when it is entered.

Number Limit

Range limits the number of input fields

Color date IE is not supported. In fact, it is good to make the user input diversified and select colors and dates.

Checkbox multiple choice questions

Submit and return? Music = 1 & sport = 2 is in line with subsequent programs to call the text or music of these IDs

Radio single answer

The image button is the image button ......

Email tel url requires users to enter the correct category, but browser support is not very good. Regular expressions may be used to regulate

Hidden hides the input box. It must be written in combination with name and value. After submission, name = value is returned.

 

File Upload Control