इनपुट फ़ील्ड को संख्यात्मक और पासवर्ड दोनों प्रकार कैसे बनाएं?

Question

मैं इस के बारे में पता कर रहा हूँ:

<input type="tel"> 

और मैं इस के बारे में पता कर रहा हूँ:

<input type="password"> 

लेकिन मैं दोनों का उपयोग करना चाहते हैं। मैं आईओएस (विशेष रूप से) पर संख्यात्मक कीपैड आने के लिए चाहता हूं लेकिन टाइप किए जाने के बाद प्रत्येक चरित्र को छुपाएं। क्या ऐसा कुछ संभव है?

<input type="tel|password"> 

Answer 1

आप इनपुट प्रकार पासवर्ड बनाने के लिए और फिर जावास्क्रिप्ट का उपयोग मान्य करने के लिए है कि केवल संख्या जब सबमिट बटन दबाया गया है दर्ज किया गया है सकते हैं। http://www.configure-all.com/javascript_form_validation.php

Answer 2

इनपुट बॉक्स के एचटीएमएल:

<input type="tel" name="password" id="password" value="" placeholder="Enter password" 
    onfocus="changeToPassword()"> 

जावास्क्रिप्ट:

// change the type of the input to password 
function changeToPassword() { 
    setTimeout(function() { 
     document.getElementById("password").setAttribute("type", "password") 
    }, 500); 
} 

इस समाधान iphone पर काम करता है। यह एक हैक की तरह है। एक बार आपके पास अगले 500 मिलीसेकंड में नंबर पैड हो जाने के बाद आप पासवर्ड में विशेषता बदलते हैं और यह फोन को चालित करता है।

Answer 3

iOS के लिए तो "पासवर्ड" टाइप करें और "पैटर्न" अभी भी एचटीएमएल 5 गुण का उपयोग कर सांख्यिक-कुंजीपटल को गति प्रदान करने के लिए इनपुट सेट कर सकते हैं:

<input type="password" pattern="[0-9]*" ... /> 

Apple-Documentation से:

करने के लिए एक संख्यात्मक कीबोर्ड प्रदर्शित करें, पैटर्न विशेषता का मान "[0-9] " या "\ d" पर सेट करें।