ಫಾರ್ಮ್ಗಳನ್ನು ಸಲ್ಲಿಸುವಾಗ ಇನ್ಪುಟ್ ಟ್ಯಾಗ್ ಬಳಸಿ
ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ಗೆ ಪಾರಸ್ಪರಿಕತೆಯನ್ನು ಸೇರಿಸಲು ಮೂಲಭೂತ ಮಾರ್ಗಗಳಲ್ಲಿ ಎಚ್ಟಿಎಮ್ಎಲ್ ರೂಪಗಳು ಒಂದಾಗಿದೆ. ನೀವು ಪ್ರಶ್ನೆಗಳನ್ನು ಕೇಳಬಹುದು ಮತ್ತು ನಿಮ್ಮ ಓದುಗರಿಂದ ಉತ್ತರಗಳನ್ನು ಕೇಳಬಹುದು, ಡೇಟಾಬೇಸ್ಗಳಿಂದ ಹೆಚ್ಚುವರಿ ಮಾಹಿತಿಯನ್ನು ಒದಗಿಸಬಹುದು, ಆಟಗಳನ್ನು ಸ್ಥಾಪಿಸಬಹುದು, ಮತ್ತು ಇನ್ನಷ್ಟು. ನಿಮ್ಮ ಫಾರ್ಮ್ಗಳನ್ನು ನಿರ್ಮಿಸಲು ನೀವು ಬಳಸಬಹುದಾದ ಹಲವಾರು HTML ಅಂಶಗಳಿವೆ. ಮತ್ತು ಒಮ್ಮೆ ನೀವು ನಿಮ್ಮ ಫಾರ್ಮ್ ಅನ್ನು ನಿರ್ಮಿಸಿದ ನಂತರ, ಆ ಡೇಟಾವನ್ನು ಸರ್ವರ್ಗೆ ಸಲ್ಲಿಸಲು ಹಲವಾರು ವಿಧಾನಗಳಿವೆ ಅಥವಾ ಫಾರ್ಮ್ ಕ್ರಿಯೆಯ ಚಾಲನೆಯನ್ನು ಪ್ರಾರಂಭಿಸಿ.
ನಿಮ್ಮ ಫಾರ್ಮ್ಗಳನ್ನು ನೀವು ಸಲ್ಲಿಸಲು ಹಲವಾರು ಮಾರ್ಗಗಳಿವೆ:
-
- ಇದು ಸರ್ವರ್ಗೆ ಡೇಟಾವನ್ನು ಪಡೆಯುವ ಅತ್ಯಂತ ಸಾಮಾನ್ಯ ವಿಧಾನವಾಗಿದೆ, ಆದರೆ ಅದು ತುಂಬಾ ಸರಳವಾದದ್ದು.
-
- ನಿಮ್ಮ ಸೈಟ್ನ ಶೈಲಿಯೊಂದಿಗೆ ನಿಮ್ಮ ಸಲ್ಲಿಸು ಬಟನ್ ಸರಿಹೊಂದುವಂತೆ ಮಾಡಲು ಚಿತ್ರವನ್ನು ಬಳಸುವುದು ತುಂಬಾ ಸುಲಭ. ಆದರೆ ಕೆಲವರು ಅದನ್ನು ಸಲ್ಲಿಸು ಬಟನ್ ಎಂದು ಗುರುತಿಸುವುದಿಲ್ಲ.
-
- ಬಟನ್ ಇನ್ಪುಟ್ ಟ್ಯಾಗ್ INPUT ಟ್ಯಾಗ್ನಂತೆ ಅದೇ ರೀತಿಯ ಆಯ್ಕೆಗಳನ್ನು ನೀಡುತ್ತದೆ, ಆದರೆ ಸ್ಟ್ಯಾಂಡರ್ಡ್ ಸಲ್ಲಿಸುವ ರೀತಿಯಂತೆ ಕಾಣುತ್ತದೆ. ಇದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಸಕ್ರಿಯಗೊಳಿಸಲು ಅಗತ್ಯವಿದೆ.
-
- COMMAND ಎಲಿಮೆಂಟ್ HTML5 ನಲ್ಲಿ ಹೊಸದು, ಮತ್ತು ಇದು ಸ್ಕ್ರಿಪ್ಟ್ಗಳನ್ನು ಮತ್ತು ಫಾರ್ಮ್ಗಳನ್ನು ಸಕ್ರಿಯ ಕ್ರಿಯೆಗಳೊಂದಿಗೆ ಸಕ್ರಿಯಗೊಳಿಸಲು ಒಂದು ಮಾರ್ಗವನ್ನು ಒದಗಿಸುತ್ತದೆ. ಇದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ನೊಂದಿಗೆ ಸಕ್ರಿಯವಾಗಿದೆ.
INPUT ಎಲಿಮೆಂಟ್
INPUT ಎಲಿಮೆಂಟ್ ಒಂದು ಫಾರ್ಮ್ ಅನ್ನು ಸಲ್ಲಿಸುವ ಅತ್ಯಂತ ಸಾಮಾನ್ಯ ವಿಧಾನವಾಗಿದೆ, ನೀವು ಮಾಡುತ್ತಿರುವ ಎಲ್ಲಾ ರೀತಿಯು (ಬಟನ್, ಇಮೇಜ್, ಅಥವಾ ಸಲ್ಲಿಸು) ಆಯ್ಕೆಮಾಡುತ್ತದೆ ಮತ್ತು ಅಗತ್ಯವಿದ್ದಲ್ಲಿ ಕೆಲವು ಸ್ಕ್ರಿಪ್ಟಿಂಗ್ ಅನ್ನು ಫಾರ್ಮ್ ಕ್ರಮಕ್ಕೆ ಸಲ್ಲಿಸುವಂತೆ ಸೇರಿಸಿ.
ಅಂಶವನ್ನು ಹಾಗೆ ಬರೆಯಬಹುದು. ಆದರೆ ನೀವು ಮಾಡಿದರೆ, ವಿಭಿನ್ನ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ನೀವು ವಿಭಿನ್ನ ಫಲಿತಾಂಶಗಳನ್ನು ಹೊಂದಿರುತ್ತೀರಿ. ಹೆಚ್ಚಿನ ಬ್ರೌಸರ್ಗಳು "ಸಲ್ಲಿಸು" ಎಂದು ಹೇಳುವ ಒಂದು ಗುಂಡಿಯನ್ನು ತಯಾರಿಸುತ್ತವೆ ಆದರೆ ಫೈರ್ಫಾಕ್ಸ್ "ಬಟನ್ ಅನ್ನು ಪ್ರಶ್ನಿಸಿ" ಎಂದು ಹೇಳುವ ಬಟನ್ ಮಾಡುತ್ತದೆ. ಬಟನ್ ಹೇಳುವ ಬದಲು ನೀವು ಗುಣಲಕ್ಷಣವನ್ನು ಸೇರಿಸಬೇಕು:
ಮೌಲ್ಯ = "ಫಾರ್ಮ್ ಸಲ್ಲಿಸು">
ಅಂಶವು ಹಾಗೆ ಬರೆಯಲ್ಪಟ್ಟಿದೆ, ಆದರೆ ನೀವು ಎಲ್ಲಾ ಇತರ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಬಿಟ್ಟರೆ, ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಪ್ರದರ್ಶಿಸುವ ಎಲ್ಲವು ಖಾಲಿ ಬೂದುಬಣ್ಣದ ಬಟನ್. ಬಟನ್ಗೆ ಪಠ್ಯವನ್ನು ಸೇರಿಸಲು, ಮೌಲ್ಯ ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸಿ. ಆದರೆ ನೀವು JavaScript ಬಳಸದ ಹೊರತು ಈ ಬಟನ್ ಫಾರ್ಮ್ ಅನ್ನು ಸಲ್ಲಿಸುವುದಿಲ್ಲ.
onclick = "submit ();">
ರೂಪವನ್ನು ಸಲ್ಲಿಸಲು ಸ್ಕ್ರಿಪ್ಟ್ ಅಗತ್ಯವಿರುವ ಬಟನ್ ಪ್ರಕಾರಕ್ಕೆ ಸದೃಶವಾಗಿದೆ. ಪಠ್ಯ ಮೌಲ್ಯದ ಬದಲಿಗೆ, ನೀವು ಚಿತ್ರವನ್ನು ಮೂಲ URL ಅನ್ನು ಸೇರಿಸಬೇಕಾಗಿದೆ.
src = "submit.gif">
BUTTON ಎಲಿಮೆಂಟ್
BUTTON ಅಂಶಕ್ಕೆ ಆರಂಭಿಕ ಟ್ಯಾಗ್ ಮತ್ತು ಮುಚ್ಚುವ ಟ್ಯಾಗ್ ಎರಡರ ಅಗತ್ಯವಿದೆ ನೀವು ಅದನ್ನು ಬಳಸುವಾಗ, ಟ್ಯಾಗ್ನೊಳಗೆ ನೀವು ಸುತ್ತುವ ಯಾವುದೇ ವಿಷಯವು ಒಂದು ಬಟನ್ನಲ್ಲಿ ಸುತ್ತುತ್ತದೆ. ನಂತರ ನೀವು ಸ್ಕ್ರಿಪ್ಟ್ನೊಂದಿಗೆ ಬಟನ್ ಅನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಿ.
ನಮೂನೆ ಸಲ್ಲಿಸು
ನಿಮ್ಮ ಗುಂಡಿಯಲ್ಲಿ ಚಿತ್ರಗಳನ್ನು ಸೇರಿಸಲು ಅಥವಾ ಹೆಚ್ಚು ಆಸಕ್ತಿದಾಯಕ ಬಟನ್ ರಚಿಸಲು ಚಿತ್ರಗಳನ್ನು ಮತ್ತು ಪಠ್ಯವನ್ನು ಸಂಯೋಜಿಸಬಹುದು.
ನಮೂನೆ ಸಲ್ಲಿಸು
COMMAND ಎಲಿಮೆಂಟ್
COMMAND ಎಲಿಮೆಂಟ್ HTML5 ನಲ್ಲಿ ಹೊಸದಾಗಿದೆ. ಇದು FORM ಅನ್ನು ಬಳಸಬೇಕಾದ ಅಗತ್ಯವಿರುವುದಿಲ್ಲ, ಆದರೆ ಇದು ಒಂದು ಫಾರ್ಮ್ಗಾಗಿ ಸಲ್ಲಿಸು ಬಟನ್ ಆಗಿ ವರ್ತಿಸಬಹುದು. ನಿಮಗೆ ನಿಜವಾಗಿಯೂ ರೂಪಗಳು ಬೇಡದ ಹೊರತು ಈ ಅಂಶವು ನಿಮಗೆ ಹೆಚ್ಚು ಸಂವಾದಾತ್ಮಕ ಪುಟಗಳನ್ನು ರಚಿಸಲು ಅನುಮತಿಸುತ್ತದೆ. ಆಜ್ಞೆಯನ್ನು ಏನಾದರೂ ಹೇಳಬೇಕೆಂದು ನೀವು ಬಯಸಿದರೆ, ಮಾಹಿತಿಯನ್ನು ನೀವು ಲೇಬಲ್ ಗುಣಲಕ್ಷಣದಲ್ಲಿ ಬರೆಯಿರಿ.
ಲೇಬಲ್ = "ಫಾರ್ಮ್ ಅನ್ನು ಸಲ್ಲಿಸಿ">
ನಿಮ್ಮ ಆಜ್ಞೆಯನ್ನು ಇಮೇಜ್ ಪ್ರತಿನಿಧಿಸಲು ನೀವು ಬಯಸಿದರೆ, ನೀವು ಐಕಾನ್ ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸಿ.
ಐಕಾನ್ = "submit.gif">
ಈ ಲೇಖನ ಎಚ್ಟಿಎಮ್ಎಲ್ ಫಾರ್ಮ್ಸ್ ಟ್ಯುಟೋರಿಯಲ್ ಭಾಗವಾಗಿದೆ . HTML ಫಾರ್ಮ್ಗಳನ್ನು ಹೇಗೆ ಬಳಸಬೇಕೆಂದು ತಿಳಿಯಲು ಸಂಪೂರ್ಣ ಟ್ಯುಟೋರಿಯಲ್ ಮೂಲಕ ಓದಿ.
ನೀವು ಹಿಂದಿನ ಪುಟದಲ್ಲಿ ಕಲಿತಿದ್ದರಿಂದ, ಸಲ್ಲಿಸಲು ಹಲವಾರು ವಿಭಿನ್ನ ಮಾರ್ಗಗಳು HTML ಫಾರ್ಮ್ಗಳಿಗೆ ಹೊಂದಿವೆ. ಆ ಎರಡು ವಿಧಾನಗಳು INPUT ಟ್ಯಾಗ್ ಮತ್ತು BUTTON ಟ್ಯಾಗ್. ಈ ಎರಡೂ ಅಂಶಗಳನ್ನು ಬಳಸಲು ಉತ್ತಮ ಕಾರಣಗಳಿವೆ.
INPUT ಎಲಿಮೆಂಟ್
ಫಾರ್ಮ್ ಅನ್ನು ಸಲ್ಲಿಸಲು ಸುಲಭವಾದ ಮಾರ್ಗವೆಂದರೆ ಟ್ಯಾಗ್. ಇದಕ್ಕೆ ಟ್ಯಾಗ್ನ ಆಚೆಗೆ ಏನೂ ಅಗತ್ಯವಿಲ್ಲ, ಮೌಲ್ಯವೂ ಅಲ್ಲ. ಒಂದು ಗುಂಡಿಯನ್ನು ಗ್ರಾಹಕರು ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ, ಅದು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಸಲ್ಲಿಸುತ್ತದೆ. ನೀವು ಯಾವುದೇ ಲಿಪಿಯನ್ನು ಸೇರಿಸಬೇಕಾಗಿಲ್ಲ, ಸಲ್ಲಿಸು INPUT ಟ್ಯಾಗ್ ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ಬ್ರೌಸರ್ ಅನ್ನು ಸಲ್ಲಿಸಲು ಬ್ರೌಸರ್ಗಳು ತಿಳಿದಿರುತ್ತವೆ.
ಸಮಸ್ಯೆಯು ಈ ಬಟನ್ ಬಹಳ ಕೊಳಕು ಮತ್ತು ಸರಳವಾಗಿದೆ. ನಿಮಗೆ ಚಿತ್ರಗಳನ್ನು ಸೇರಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ. ನೀವು ಇತರ ಅಂಶಗಳಂತೆ ಅದನ್ನು ಶೈಲಿ ಮಾಡಬಹುದು, ಆದರೆ ಇದು ಇನ್ನೂ ಕೊಳಕು ಬಟನ್ನಂತೆ ಅನಿಸುತ್ತದೆ.
ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಆಫ್ ಮಾಡಿದ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ನಿಮ್ಮ ಫಾರ್ಮ್ ಅನ್ನು ಪ್ರವೇಶಿಸಬೇಕಾದರೆ INPUT ವಿಧಾನವನ್ನು ಬಳಸಿ.
BUTTON ಎಲಿಮೆಂಟ್
BUTTON ಎಲಿಮೆಂಟ್ ರೂಪಗಳನ್ನು ಸಲ್ಲಿಸುವುದಕ್ಕಾಗಿ ಹೆಚ್ಚಿನ ಆಯ್ಕೆಗಳನ್ನು ಒದಗಿಸುತ್ತದೆ. ನೀವು BUTTON ಎಲಿಮೆಂಟ್ ಒಳಗೆ ಏನು ಇರಿಸಬಹುದು ಮತ್ತು ಸಲ್ಲಿಸು ಬಟನ್ ಆಗಿ ಪರಿವರ್ತಿಸಬಹುದು. ಸಾಮಾನ್ಯವಾಗಿ ಜನರು ಚಿತ್ರಗಳನ್ನು ಮತ್ತು ಪಠ್ಯವನ್ನು ಬಳಸುತ್ತಾರೆ. ಆದರೆ ನೀವು ಒಂದು DIV ಅನ್ನು ರಚಿಸಬಹುದು ಮತ್ತು ನೀವು ಬಯಸಿದಲ್ಲಿ ಇಡೀ ವಿಷಯವನ್ನು ಸಲ್ಲಿಸು ಬಟನ್ ಮಾಡಬಹುದು.
BUTTON ಅಂಶಕ್ಕೆ ದೊಡ್ಡ ನ್ಯೂನತೆಯು ಅದು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಫಾರ್ಮ್ ಅನ್ನು ಸಲ್ಲಿಸುವುದಿಲ್ಲ ಎಂಬುದು. ಇದು ಸಕ್ರಿಯಗೊಳಿಸಲು ಸ್ಕ್ರಿಪ್ಟ್ನ ಕೆಲವು ರೀತಿಯ ಅಗತ್ಯವಿದೆ. ಆದ್ದರಿಂದ ಇದು INPUT ವಿಧಾನಕ್ಕಿಂತ ಕಡಿಮೆ ಪ್ರವೇಶವನ್ನು ಹೊಂದಿದೆ. ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಆನ್ ಮಾಡದೆ ಇರುವ ಯಾವುದೇ ಬಳಕೆದಾರರಿಗೆ ಸಲ್ಲಿಸಲು ಒಂದು BUTTON ಅಂಶದೊಂದಿಗೆ ಕೇವಲ ಒಂದು ಫಾರ್ಮ್ ಅನ್ನು ಸಲ್ಲಿಸಲು ಸಾಧ್ಯವಾಗುವುದಿಲ್ಲ.
ವಿಮರ್ಶಾತ್ಮಕವಾಗಿರದ ಸ್ವರೂಪಗಳಲ್ಲಿ BUTTON ವಿಧಾನವನ್ನು ಬಳಸಿ. ಅಲ್ಲದೆ, ಒಂದು ರೂಪದಲ್ಲಿ ಹೆಚ್ಚುವರಿ ಸಲ್ಲಿಕೆ ಆಯ್ಕೆಗಳನ್ನು ಸೇರಿಸಲು ಇದು ಅತ್ಯುತ್ತಮ ಮಾರ್ಗವಾಗಿದೆ.
ಈ ಲೇಖನ ಎಚ್ಟಿಎಮ್ಎಲ್ ಫಾರ್ಮ್ಸ್ ಟ್ಯುಟೋರಿಯಲ್ ಭಾಗವಾಗಿದೆ. HTML ಫಾರ್ಮ್ಗಳನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂಬುದರ ಕುರಿತು ಇನ್ನಷ್ಟು ತಿಳಿಯಲು ಇದನ್ನು ಓದಿ