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 ಚುಕ್ಕೆಗಳನ್ನು ಬಿಡಿಸುತ್ತದೆ.