HTML5新表单元素

新表单元素

datalist

• 示例

<!-- action表示将表单提交到php文件中--><!-- input中的list与datalist中的id想对应--><form action="demo-form.php" method="get"><input list="browsers" name="browser"><datalist id="browsers">  <option value="Internet Explorer">  <option value="Firefox">  <option value="Chrome"></datalist><input type="submit"></form>

• 标签定义及使用说明
  • 规定了input 元素可能的选项列表。
  • 用 input 元素的 list 属性来绑定 datalist元素

output

• 示例

//oninput表示计算公式<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>

• 属性