The best HTML5 form elements Tutorial In 2024, In this tutorial you can learn The new HTML5 form elements,HTML5 <datalist> element,Examples,HTML5 <keygen> element,Examples,HTML5 <output> element,Examples,HTML5 New Form Elements,
The following new HTML5 form elements:
Note: Not all browsers support the new HTML5 form elements, but you can use them, even if the browser does not support form properties can still appear as regular form elements.
<Datalist> element specifies a list of input field options.
<Datalist> attribute specifies the form or input field should have autocomplete. When users start typing in the autocomplete field, the browser should display options to fill in this field:
Use <input> element of a list of attributes and <datalist> element binding.
<Input> element uses the <datalist> predefined values:
Role <keygen> element is to provide a reliable method to authenticate a user.
<Keygen> tag is used to form a predetermined key pair generator field.
When submitting a form, it generates two keys, one private, one public.
Private key (private key) is stored in the client, public key (public key) were sent to the server. The public key can be used to authenticate the user after the client certificate (client certificate).
With keygen field form:
<Output> element is used for different types of output, such as calculations or script output:
The results appear in the <output> element:
标签 | 描述 |
---|---|
<datalist> | <input>标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。 |
<keygen> | ><keygen> 标签规定用于表单的密钥对生成器字段。 |
<output> | <output> 标签定义不同类型的输出,比如脚本的输出。 |