8.3 H5 Study Notes

Hidden fields

<form action= "" method= "Post" enctype= "Multipart/form-data" >

<input type= "File" name= "file" >

</form>

Attention:

With this feature, you specify the method property in the Form tab. The method specified as Post,enctype property is specified as Multipart/form-data.

Description

Multiple control whether to upload multiple files

HTML5 form All type

button	Define clickable buttons (mostly used with JavaScript to launch scripts)
CheckBox	Define check boxes
Color	To define a color picker
Date	Define date fields (with Calendar control)
Datetime	Define date fields (with calendar and Time controls)
Datetime-local	Define date fields (with calendar and Time controls)
Month	month (with Calendar control) that defines a date field
Week	Define Week for Date field (with Calendar control)
Time	Defines the time, minute, and second of a date field (with the duration control)
Email	Defines a text field for an e-mail address.
File	Define input fields and "Browse ..." buttons for uploading files.
Hidden	Defines the hidden input field.
Image	Define the image as the submit button.
Number	Defines a numeric field with a spinner control.
Password	Defines the password field. The characters in the field are stool that.
Radio	Defines a radio button.
Range	Defines a numeric field with a slider control.
Reset	Defines the reset button. The reset button resets all form fields to their original values.
Search	Defines the text field to use for the search.
Submit	Define the Submit button. The submit button sends data to the server.
Tel	Defines a text field for a phone number.
Text	Default. Defines a single-line input field in which users can enter text. The default is 20 characters.
Url	Define a text field for a URL

HTML5 form New Properties

AutoComplete

<form action= "" >
<input type= "search" name= "keywords" autocomplete= "on" autofocus>
<input type= "Submit" value= "Submission" >
</form>

Multiple

<form action= "" method= "Post" enctype= "Multipart/form-data" >
<input type= "File" multiple>
<input type= "Submit" value= "Submission" >
</form>

Placeholder

<input type= "text" placeholder= "Please enter user name ..." >

Required

<form action= "" >
User name: <input type= "Text" required>
<input type= "Submit" value= "Submission" >
</form>

TextArea (Form element: Multiline text field)

<textarea rows= "5" cols= "></textarea>"

Select (Form elements: drop-down box)

<label for= "Province" > Provinces </label>
<select id= "Province" >
<option> Please select </option>
<option selected> Guangdong </option>
<option> Shanghai </option>
</select>

8.3 H5 Study Notes