ಪರಿಹರಿಸಲಾಗಿದೆ: html ನಲ್ಲಿ ಡ್ರಾಪ್‌ಡೌನ್

HTML ನಲ್ಲಿ ಡ್ರಾಪ್‌ಡೌನ್‌ಗೆ ಸಂಬಂಧಿಸಿದ ಮುಖ್ಯ ಸಮಸ್ಯೆಯೆಂದರೆ, ವಿಕಲಾಂಗರಿಗೆ ಅವುಗಳನ್ನು ಪ್ರವೇಶಿಸಲು ಕಷ್ಟವಾಗಬಹುದು. ಡ್ರಾಪ್‌ಡೌನ್‌ಗಳನ್ನು ಸಾಮಾನ್ಯವಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ ಕೋಡ್ ಮಾಡಲಾಗುತ್ತದೆ, ಇದು ಸ್ಕ್ರೀನ್ ರೀಡರ್‌ಗಳಿಗೆ ಮತ್ತು ಇತರ ಸಹಾಯಕ ತಂತ್ರಜ್ಞಾನಗಳಿಗೆ ಅರ್ಥೈಸಲು ಕಷ್ಟಕರವಾಗಿರುತ್ತದೆ. ಹೆಚ್ಚುವರಿಯಾಗಿ, ಡ್ರಾಪ್‌ಡೌನ್ ಅನ್ನು ಸರಿಯಾಗಿ ಲೇಬಲ್ ಮಾಡದಿದ್ದರೆ ಅಥವಾ ವಿವರಿಸದಿದ್ದರೆ, ಡ್ರಾಪ್‌ಡೌನ್ ಅನ್ನು ಯಾವುದಕ್ಕಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ ಅಥವಾ ಅದರೊಂದಿಗೆ ಹೇಗೆ ಸಂವಹನ ನಡೆಸಬೇಕು ಎಂಬುದನ್ನು ಬಳಕೆದಾರರು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದಿಲ್ಲ.

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

1. - ಕೋಡ್‌ನ ಈ ಸಾಲು ಡ್ರಾಪ್‌ಡೌನ್ ಮೆನುವನ್ನು ಮುಚ್ಚುತ್ತದೆ ಮತ್ತು ಎಲ್ಲಾ ಆಯ್ಕೆಗಳನ್ನು ಅದಕ್ಕೆ ಸೇರಿಸಲಾಗಿದೆ ಎಂದು ಸೂಚಿಸುತ್ತದೆ.

ಡ್ರಾಪ್-ಡೌನ್ ಪಟ್ಟಿ ಎಂದರೇನು

HTML ನಲ್ಲಿನ ಡ್ರಾಪ್-ಡೌನ್ ಪಟ್ಟಿಯು ಒಂದು ರೀತಿಯ ಇನ್‌ಪುಟ್ ಅಂಶವಾಗಿದ್ದು, ಇದು ಪೂರ್ವನಿರ್ಧರಿತ ಆಯ್ಕೆಗಳ ಪಟ್ಟಿಯಿಂದ ಒಂದು ಆಯ್ಕೆಯನ್ನು ಆಯ್ಕೆ ಮಾಡಲು ಬಳಕೆದಾರರನ್ನು ಅನುಮತಿಸುತ್ತದೆ. ಇನ್‌ಪುಟ್ ಕ್ಷೇತ್ರದ ಪಕ್ಕದಲ್ಲಿರುವ ಡ್ರಾಪ್-ಡೌನ್ ಬಾಣದ ಮೇಲೆ ಬಳಕೆದಾರರು ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ಪಟ್ಟಿ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ. ಆಯ್ದ ಆಯ್ಕೆಯನ್ನು ನಂತರ ಇನ್ಪುಟ್ ಕ್ಷೇತ್ರದಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ. ಪಟ್ಟಿಯಿಂದ ದೇಶ ಅಥವಾ ರಾಜ್ಯವನ್ನು ಆಯ್ಕೆ ಮಾಡುವಂತಹ ಅನೇಕ ಆಯ್ಕೆಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡಬೇಕಾದಾಗ ಡ್ರಾಪ್-ಡೌನ್ ಪಟ್ಟಿಗಳನ್ನು ಹೆಚ್ಚಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ.

ಡ್ರಾಪ್‌ಡೌನ್ ಮೆನುವನ್ನು ಹೇಗೆ ರಚಿಸುವುದು

HTML ನಲ್ಲಿ ಡ್ರಾಪ್‌ಡೌನ್ ಮೆನುವನ್ನು ರಚಿಸುವುದು ತುಲನಾತ್ಮಕವಾಗಿ ಸುಲಭ. ಒಂದನ್ನು ರಚಿಸುವ ಹಂತಗಳು ಇಲ್ಲಿವೆ:

1. ಎ ರಚಿಸುವ ಮೂಲಕ ಪ್ರಾರಂಭಿಸಿ ಅಂಶ, ಸೇರಿಸಿ

3. ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ ಆಯ್ಕೆಮಾಡಿದ ಆಯ್ಕೆಗಳಲ್ಲಿ ಒಂದನ್ನು ಮಾಡಲು, ಆ ಆಯ್ಕೆಯ ಟ್ಯಾಗ್‌ಗೆ ಆಯ್ಕೆಮಾಡಿದ ಗುಣಲಕ್ಷಣವನ್ನು ಸೇರಿಸಿ. ಪುಟವನ್ನು ಲೋಡ್ ಮಾಡಿದಾಗ ಅದು ಆಯ್ಕೆಮಾಡಿದಂತೆ ಗೋಚರಿಸುತ್ತದೆ ಎಂದು ಇದು ಖಚಿತಪಡಿಸುತ್ತದೆ.

4. ಅಂತಿಮವಾಗಿ, a ಅನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಡ್ರಾಪ್‌ಡೌನ್ ಮೆನುಗೆ ಲೇಬಲ್ ಅನ್ನು ಸೇರಿಸಿ

ಸಂಬಂಧಿತ ಪೋಸ್ಟ್ಗಳು:

ಒಂದು ಕಮೆಂಟನ್ನು ಬಿಡಿ