OTP இன்புட் கட்டங்களின் வரிசையாகத் தோன்றும், ஆனால் அதன் அடியில் இருப்பது ஒரே நேட்டிவ் <input>. SMS தானியங்கு நிரப்பல் (autocomplete="one-time-code"), ஒட்டுதல், கடவுச்சொல் நிர்வாகிகள், படிவங்கள், ஸ்கிரீன் ரீடர்கள் எல்லாவற்றுக்கும் அது ஒரு சாதாரண உரைப் புலமாகவே தெரிகிறது.
ஒட்டப்படும் குறியீடுகள் சுத்தம் செய்யப்படுகின்றன; அதனால் “123-456”, “123 456” இரண்டும் வேலை செய்கின்றன, பேட்டர்ன் அனுமதிக்காத எழுத்துகள் நிராகரிக்கப்படுகின்றன. Android-இல், SMS வந்தவுடன் webOtp அதிலிருந்து குறியீட்டை நிரப்புகிறது.
சரிபார்ப்பு
கடைசிக் கட்டம் நிரம்பும்போது (completed) தூண்டப்படுகிறது. ஒரு குறியீட்டை நிராகரிக்க, இன்புட்டில் aria-invalid-ஐ அமையுங்கள்: கட்டங்கள் சிவப்பாக மாறி அதிர்கின்றன.
Try 123456, or anything else.
எழுத்துகள், குழுக்கள், மறைத்தல்
pattern="alphanumeric" எழுத்துகளையும் ஏற்கிறது, [groups] பிரிப்பான்களைச் சேர்க்கிறது, masked புள்ளிகளை வரைகிறது.