HTML5新增的input元素的type

url类型

"">
        type="url" type="url" value="http://home.sise.cn"/>
        type="submit" value="提交"/>

email类型

"">
        type="email" type="email" value="[email protected]"/>
        type="submit" value="提交"/>

date类型

type="date" name="date" value=""/>

time类型

 type="time" type="time" value="10:00"/>

datetime类型

 type="datetime" type="datetime" value=""/>

datetime-local类型

type="datetime-local" name="datetime-local"/>

month元素

type="month" name="month" value=""/>

week元素

type="week" name="week" value=""/>

number类型

"number" name="number" value="15" min="10" max="100" step="5"/>

range元素

"range" name="range" value="25" min="0" max="100" step="5"/>

search类型

type="search" name="search"/>

tel类型

type="tel"/>

color类型

 = this.value;"/>

output元素追加

 <form id="testform">
        <input type="range" id="range" min="0" max="100"    step="5" value="10" onchange="value_change()"/>
        <output id="output">10output>
    form>

  <script>
        function sum() {
        function value_change() {
            var number = document.getElementById('range').value;
            document.getElementById("output").value = number;
        }
 script>