HTML5 in the form of additional attributes or elements

1. New form elements

1.1 progress
represents the completion of the task, commonly used in the progress bar.

  • Max paced work elements required tasks, the default value is 1
  • defined workload value has been completed, if the max value is 1, this value must be between a decimal between 0 and 1.
<progress value="70",max="100">70%</progress>

image description

1.2 output
shows the result of a user action produced.

Name name to define elements for id a list of other elements, indicating that these elements provide the input for the calculation of the value (or other effects).
image description

1.3 meter
scale bar represents the number of values within a predetermined range.

  1. value: specifically represented in the element of the actual value between min and max, if not specified, the default value is 1
  2. min: When specifying a predetermined range to allow the use of the minimum, the default is 0 max: the maximum permissible value to be used when a predetermined range, a value 1
  3. low: the lower limit of the predetermined range must be less than or equal attribute values ​​high high: upper limit value of a predetermined range (indicative of a higher risk of the mean)
  4. optimum: Best Value
<p>He got a <meter low="69" high="80" max="100" value="84">B</meter> on the exam.</p>

1.4 datalist

下拉列表,表示其他控件可用的值,其值通过<option>作为datalist的子元素存在
![图片描述][3]

2. input the value of the type property
in the H5, the type of input has been extended, you can have more value

2.1 search search box
2.2 placeholder prompts for content
2.3 By Date:

date date controls (year, month, day, time is not included);
Time time controls;
datatime date time control;
month The plug-in date (year, month);
Week plug-in date (year, week).

2.4 functions related to:

email email controls
url address controls
tel phone controls

3. Submit new properties on the button (memory)
in H5, subordinate elements may be written in the form anywhere on the page, and then specify the properties for a form element, the form of the attribute value id.


           <input type="submit">

3.1 formaction
General for submitting pictures on buttons and buttons for the specified daemon process form submission, you can override the action attribute of the form.

3.2 formmethod
General for submitting pictures on buttons and buttons for content type of the process the form.

3.3 formenctype
General for submitting pictures on buttons and buttons for specifying submission form.

3.4 formtarget
General for submitting pictures on buttons and buttons for displaying the form to specify where the response page after submission.

Guess you like

Origin www.cnblogs.com/baimeishaoxia/p/11963659.html