萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> html5獲取input內容的方法介紹

html5獲取input內容的方法介紹

下面我們給大家介紹一下html5獲取input內容的方法吧!希望大家可以在這裡學習!

 <!doctype html>

    <html>

    <head>

    <meta charset=utf-8 />

    <title>html5 獲取input內容</title>

    </head>

    <body>

    <input type="email" />

    <input type="tel" />

    <input type="range" />

    <input type="url" />

    <input type="number" />

    <input type="tel" />

    <input type="date" />

    <input type="datetime" />

    <ol id="debug"></ol>

    <script>var d = document.getelementbyid('debug');

    [].foreach.call(document.queryselectorall('input'), function (el) {

    d.innerhtml += '<li>' + el.type;

    d.innerhtml += el.getattribute('type') + '</li>';

    });

    </script>

    </body>

    </html>

html5獲取input內容的方法的精彩內容就先到這裡。更多精彩內容,還請大家持續關注精品。

相關推薦:

HTML5embed標簽使用方法介紹

copyright © 萬盛學電腦網 all rights reserved