兰溪做网站哪家好,全屋定制设计培训哪里有,网站的管理更新维护,杭州企业建站程序HTML5为表单添加了一些新的语义化标签#xff0c;可以更好地描述表单内容和功能。下面是新增的表单标签及其功能#xff1a; datalist标签#xff1a;用于定义一个选项列表#xff0c;供用户选择或输入。 output标签#xff1a;用于显示表单提交后的结果…HTML5为表单添加了一些新的语义化标签可以更好地描述表单内容和功能。下面是新增的表单标签及其功能 lt;datalist标签用于定义一个选项列表供用户选择或输入。 lt;output标签用于显示表单提交后的结果或计算结果。 lt;progress标签用于显示进度条。 lt;meter标签用于显示读数仪表。 lt;keygen标签用于生成一个公私密钥对常用于验证和加密。
下面是一些表单标签的代码演示
lt;datalist标签演示
label forfruit请选择一个水果:/label
input listfruit namefruit idmyFruit
datalist idfruitoption value苹果option value香蕉option value橙子option value葡萄option value猕猴桃
/datalistlt;output标签演示
form oninputresult.valueparseInt(a.value)parseInt(b.value)label fora数字1:/labelinput typenumber ida namea value50brbrlabel forb数字2:/labelinput typenumber idb nameb value20brbrlabel forresult结果:/labeloutput nameresult fora b/output
/formlt;progress标签演示
label forfile上传文件:/label
input typefile idfilebrbr
progress value0 max100/progresslt;meter标签演示
label forscore考试分数:/label
input typerange idscore namescore min0 max100 value85brbr
meter min0 max100 value8585分/meterlt;keygen标签演示
form methodpost actionsubmit.phplabel forusername用户名:/labelinput typetext idusername nameusernamebrbrlabel forpassword密码:/labelkeygen namepassword challengerandomstringbrbrinput typesubmit value提交
/form注意lt;keygen标签已弃用应使用其他加密技术。
