HTML5 新表单元素

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <title>自选教程(如约智惠.com)</title> </head> <body > <form action="demo-form.php" method="get"> <input list="browsers" name="browser"> <datalist id="browsers"> <option value="Internet Explorer"></option> <option value="Firefox"></option> <option value="Chrome"></option> <option value="Opera"></option> <option value="Safari"></option> </datalist> <input type="submit"> </form> <p> <strong>注意：</strong>Internet Explorer 9， Safari 不支持 datalist 标签。 </p> </body> </html>

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <title>自选教程(如约智惠.com)</title> </head> <body > <form action="demo-form.php" method="get"> 用户名：<input list="text" name="usr_name"> 密码：<keygen name="security"> </datalist> <input type="submit"> </form> <p> <strong>注意：</strong>Internet Explorer 不支持 keygen标签。 </p> </body> </html>

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <title>自选教程(如约智惠.com)</title> </head> <body > <form oninput="x.value=parseInt(a.value)+parseInt(b.value)"> 0 <input type="range" id="a" value="50"> 100 +<input type="number" id="b" value="50"> =<output name="x" for="a b"></output> </form> <p> <strong>注意：</strong>Internet Explorer 不支持 output 标签。 </p> </body> </html>

HTML5 新表单元素

标签

描述

<input>标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。

<keygen> 标签规定用于表单的密钥对生成器字段。

<output> 标签定义不同类型的输出，比如脚本的输出。

以上就是HTML5 新表单元素的详细内容，更多请关注php中文网其它相关文章！

网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。