HTML5-新增表单控件

新增表单控件

datalist

概念:datalist控件为文本框提供一个预定义的下拉列表

用户在输入数据时可以在预定义的下拉列表中直接选择,也可以自行输入内容。

  • datalist控件要与option控件配合使用,每个option控件都必须设置其 value 属性的值。

  • datalist控件用于定义下拉列表,option 控件用于定义选项。

  • 如果要把datalist控件提供的下拉列表绑定到某个文本框中,则必须将文本框的 list 属性的值设定为该datalist控件的 id

语法:


    
            
            
            

实例:

运行结果:

HTML5-新增表单控件_第1张图片

output

概念:output控件用于定义表单元素的输出结果或计算结果,比如计算或脚本输出

语法:

  • 属性name的作用是规定 output 控件的名称

  • for 属性描述了计算中使用的控件与计算结果之间的关系。for属性的值规定一个或多个控件的 Id列表,要求以空格分隔。

实例:

  
  + =  

运行结果:

keygen

概念:keygen元素规定用于表单的密钥对生成器字段

说明:当提交表单时,私钥存储在本地,公钥发送到服务器。

语法:


你可能感兴趣的:(笔记,前端,html5,html,学习)