HTML ಗೆ ಸಂಬಂಧಿಸಿದ ಮುಖ್ಯ ಸಮಸ್ಯೆ
<datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Internet Explorer"> <option value="Opera"> <option value="Safari"> </datalist>
1. ಈ ಕೋಡ್ ಡೇಟಾಲಿಸ್ಟ್ ಎಂಬ HTML ಅಂಶವನ್ನು ರಚಿಸುತ್ತದೆ, ಇದನ್ನು ಇನ್ಪುಟ್ ಕ್ಷೇತ್ರಕ್ಕಾಗಿ ಆಯ್ಕೆಗಳ ಪಟ್ಟಿಯನ್ನು ರಚಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ.
2. ಡೇಟಾಲಿಸ್ಟ್ "ಬ್ರೌಸರ್" ನ ಐಡಿ ಗುಣಲಕ್ಷಣವನ್ನು ಹೊಂದಿದೆ.
3. ಡೇಟಾಲಿಸ್ಟ್ ಒಳಗೆ, ಐದು ಆಯ್ಕೆಯ ಅಂಶಗಳಿವೆ, ಪ್ರತಿಯೊಂದೂ ವೆಬ್ ಬ್ರೌಸರ್ನ ಹೆಸರನ್ನು ಹೊಂದಿರುವ ಮೌಲ್ಯ ಗುಣಲಕ್ಷಣವನ್ನು ಹೊಂದಿದೆ (Chrome, Firefox, Internet Explorer, Opera ಮತ್ತು Safari).
4. ಈ ಡೇಟಾಲಿಸ್ಟ್ಗೆ ಸಂಬಂಧಿಸಿದ ಇನ್ಪುಟ್ ಕ್ಷೇತ್ರಕ್ಕೆ ಬಳಕೆದಾರರು ಟೈಪ್ ಮಾಡಿದಾಗ ಈ ಮೌಲ್ಯಗಳನ್ನು ಸಲಹೆಗಳಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ.
ಡೇಟಾಲಿಸ್ಟ್ ಟ್ಯಾಗ್ ಎಂದರೇನು
HTML
ಡೇಟಾಲಿಸ್ಟ್ ಮತ್ತು ಡ್ರಾಪ್ಡೌನ್ ನಡುವಿನ ವ್ಯತ್ಯಾಸವೇನು
ಡೇಟಾಲಿಸ್ಟ್ ಎನ್ನುವುದು HTML ಅಂಶವಾಗಿದ್ದು ಅದು ಬಳಕೆದಾರರಿಗೆ ಆಯ್ಕೆ ಮಾಡಲು ಆಯ್ಕೆಗಳ ಪಟ್ಟಿಯನ್ನು ಒದಗಿಸುತ್ತದೆ. ಇದು ಡ್ರಾಪ್ಡೌನ್ ಮೆನುಗೆ ಹೋಲುತ್ತದೆ, ಆದರೆ ಮುಖ್ಯ ವ್ಯತ್ಯಾಸವೆಂದರೆ ಬಳಕೆದಾರರು ತಮ್ಮದೇ ಆದ ಮೌಲ್ಯಗಳನ್ನು ನಮೂದಿಸಲು ಅನುಮತಿಸುತ್ತದೆ. ಬಳಕೆದಾರರು ಇನ್ಪುಟ್ ಕ್ಷೇತ್ರದಲ್ಲಿ ಟೈಪ್ ಮಾಡಬಹುದು ಮತ್ತು ಡೇಟಾಲಿಸ್ಟ್ ಅವರು ಟೈಪ್ ಮಾಡಿದ ಆಧಾರದ ಮೇಲೆ ಸಲಹೆಗಳನ್ನು ನೀಡುತ್ತಾರೆ. ಮತ್ತೊಂದೆಡೆ, ಡ್ರಾಪ್ಡೌನ್ ಮೆನು ಬಳಕೆದಾರರಿಗೆ ಪೂರ್ವ-ನಿರ್ಧರಿತ ಆಯ್ಕೆಗಳಿಂದ ಮಾತ್ರ ಆಯ್ಕೆ ಮಾಡಲು ಅನುಮತಿಸುತ್ತದೆ. ಹೆಚ್ಚುವರಿಯಾಗಿ, ಡೇಟಾಲಿಸ್ಟ್ನೊಂದಿಗೆ, ಬಳಕೆದಾರರು ಆಯ್ಕೆಯಾಗಿ ಪಟ್ಟಿ ಮಾಡದಿದ್ದರೂ ಸಹ ಅವರು ಬಯಸಿದ ಯಾವುದೇ ಮೌಲ್ಯವನ್ನು ಟೈಪ್ ಮಾಡಬಹುದು.
HTML ರೂಪದಲ್ಲಿ ಡೇಟಾಲಿಸ್ಟ್ ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು
HTML
ಡೇಟಾಲಿಸ್ಟ್ ಅಂಶವನ್ನು ಬಳಸಲು, ನೀವು ಮೊದಲು ಒಂದು HTML ಫಾರ್ಮ್ ಅನ್ನು ರಚಿಸಬೇಕಾಗಿದೆ ಅಂಶ ಮತ್ತು ಅದಕ್ಕೆ ಐಡಿ ಗುಣಲಕ್ಷಣವನ್ನು ನೀಡಿ. ನಂತರ, ನೀವು ಫಾರ್ಮ್ ಒಳಗೆ ಡೇಟಾಲಿಸ್ಟ್ ಅಂಶವನ್ನು ಸೇರಿಸಬಹುದು ಮತ್ತು ಅದರ ಪಟ್ಟಿ ಗುಣಲಕ್ಷಣವನ್ನು ಇನ್ಪುಟ್ ಕ್ಷೇತ್ರದ ಐಡಿಗೆ ಸಮನಾಗಿ ಹೊಂದಿಸಬಹುದು. ಡೇಟಾಲಿಸ್ಟ್ ಒಳಗೆ, ನೀವು ಒಂದು ಅಥವಾ ಹೆಚ್ಚಿನದನ್ನು ಸೇರಿಸಬಹುದು
ಉದಾಹರಣೆಗೆ: