1. 您的位置 首頁 技術

        html5怎么設置input只能輸入數字

        在html5中,可以通過input標簽的type屬性來實現只能輸入數字的功能,只需要將type屬性的值設置為“number”即可,語法“<input type="n…

        在html5中,可以通過input標簽的type屬性來實現只能輸入數字的功能,只需要將type屬性的值設置為“number”即可,語法“<input type="number">”。

        本教程操作環境:windows7系統、HTML5版、Dell G3電腦。

        <input> 標簽規定用戶可輸入數據的輸入字段。

        根據不同的 type 屬性,輸入字段有多種形態。輸入字段可以是文本字段、復選框、密碼字段、單選按鈕、按鈕等等。

        如果想要設置input只能輸入數字,只需要將type 屬性的值設置為“number”即可:

        <!DOCTYPE html><html><head><meta charset="utf-8"></head><body><input placeholder="文本,字母,數字等都可輸入"/><br /><br /><input type="number" placeholder="只能輸入數字"/></body></html>

        輸出結果:

        1.gif

        補充:input 元素的類型–type 屬性可以設置的值

        描述
        button 定義可點擊的按鈕(通常與 JavaScript 一起使用來啟動腳本)。
        checkbox 定義復選框。
        color 定義拾色器。
        date 定義 date 控件(包括年、月、日,不包括時間)。
        datetime 定義 date 和 time 控件(包括年、月、日、時、分、秒、幾分之一秒,基于 UTC 時區)。
        datetime-local 定義 date 和 time 控件(包括年、月、日、時、分、秒、幾分之一秒,不帶時區)。
        email 定義用于 e-mail 地址的字段。
        file 定義文件選擇字段和 "瀏覽…" 按鈕,供文件上傳。
        hidden 定義隱藏輸入字段。
        image 定義圖像作為提交按鈕。
        month 定義 month 和 year 控件(不帶時區)。
        number 定義用于輸入數字的字段。
        password 定義密碼字段(字段中的字符會被遮蔽)。
        radio 定義單選按鈕。
        range 定義用于精確值不重要的輸入數字的控件(比如 slider 控件)。
        reset 定義重置按鈕(重置所有的表單值為默認值)。
        search 定義用于輸入搜索字符串的文本字段。
        submit 定義提交按鈕。
        tel 定義用于輸入電話號碼的字段。
        text 默認。定義一個單行的文本字段(默認寬度為 20 個字符)。
        time 定義用于輸入時間的控件(不帶時區)。
        url 定義用于輸入 URL 的字段。
        week 定義 week 和 year 控件(不帶時區)。

        推薦教程:《html視頻教程》

        以上就是html5怎么設置input只能輸入數字的詳細內容,更多請關注24課堂在線網其它相關文章!

        本文來自網絡,不代表24小時課堂在線立場,轉載請注明出處:http://www.rw-tm.com/96278.html

        為您推薦

        返回頂部
        欧美人牲交免费观看