3. ಫಾರ್ಮ್ ಕ್ಷೇತ್ರಗಳನ್ನು ರಚಿಸಿ

ಅಂಶ ಹೆಚ್ಚಿನ ಫಾರ್ಮ್ ಕ್ಷೇತ್ರಗಳನ್ನು ರಚಿಸುತ್ತದೆ. ಅಂಶವನ್ನು ರಚಿಸಲು ಬಳಸುವ ಕ್ಷೇತ್ರದ ಪ್ರಕಾರವನ್ನು ಅವಲಂಬಿಸಿ ಅಂಶದ ಗುಣಲಕ್ಷಣಗಳು ಭಿನ್ನವಾಗಿರುತ್ತವೆ.

CSS ಶೈಲಿಗಳನ್ನು ಬಳಸಿಕೊಂಡು ನೀವು ಫಾಂಟ್ ಗಾತ್ರ, ಫಾಂಟ್ ಪ್ರಕಾರ, ಬಣ್ಣ ಮತ್ತು ಪಠ್ಯದ ಇತರ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಬದಲಾಯಿಸಬಹುದು, ಹಾಗೆಯೇ ಗಡಿಗಳು, ಹಿನ್ನೆಲೆ ಬಣ್ಣ ಮತ್ತು ಹಿನ್ನೆಲೆ ಚಿತ್ರವನ್ನು ಸೇರಿಸಬಹುದು. ಕ್ಷೇತ್ರದ ಅಗಲವನ್ನು ಅಗಲದ ಆಸ್ತಿಯಿಂದ ನಿರ್ದಿಷ್ಟಪಡಿಸಲಾಗಿದೆ.

4. ಪಠ್ಯ ಇನ್ಪುಟ್ ಕ್ಷೇತ್ರಗಳು

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

ಬೆಕ್ಕು

7. ಗುಂಡಿಗಳು

ಅಂಶ ...ಕ್ಲಿಕ್ ಮಾಡಬಹುದಾದ ಬಟನ್‌ಗಳನ್ನು ರಚಿಸುತ್ತದೆ. ರಚಿಸಿದ ಗುಂಡಿಗಳಿಗಿಂತ ಭಿನ್ನವಾಗಿ ( , , , ), ಅಂಶದ ಒಳಗೆ ನೀವು ವಿಷಯವನ್ನು ಇರಿಸಬಹುದು - ಪಠ್ಯ ಅಥವಾ ಚಿತ್ರ.

ಅಂಶವನ್ನು ಸರಿಯಾಗಿ ಪ್ರದರ್ಶಿಸಲು

ವಿಭಿನ್ನ ಬ್ರೌಸರ್‌ಗಳು ಪ್ರಕಾರದ ಗುಣಲಕ್ಷಣವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುವ ಅಗತ್ಯವಿದೆ, ಉದಾಹರಣೆಗೆ, .

ಫಾರ್ಮ್‌ಗೆ ಡೇಟಾವನ್ನು ಸಲ್ಲಿಸಲು, ಫಾರ್ಮ್ ವಿಷಯವನ್ನು ತೆರವುಗೊಳಿಸಲು ಅಥವಾ ಇತರ ಕೆಲವು ಕ್ರಮಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳಲು ಬಟನ್‌ಗಳು ಬಳಕೆದಾರರನ್ನು ಅನುಮತಿಸುತ್ತದೆ. ನೀವು ಗಡಿಗಳನ್ನು ರಚಿಸಬಹುದು, ಹಿನ್ನೆಲೆ ಬದಲಾಯಿಸಬಹುದು ಮತ್ತು ಬಟನ್‌ನಲ್ಲಿ ಪಠ್ಯವನ್ನು ಜೋಡಿಸಬಹುದು.

8. ರೂಪಗಳಲ್ಲಿ ಚೆಕ್ಬಾಕ್ಸ್ಗಳು ಮತ್ತು ರೇಡಿಯೋ ಬಟನ್ಗಳು

ರಚನೆಯನ್ನು ಬಳಸಿಕೊಂಡು ರೂಪಗಳಲ್ಲಿನ ಚೆಕ್ಬಾಕ್ಸ್ಗಳನ್ನು ಹೊಂದಿಸಲಾಗಿದೆ , ಮತ್ತು ಸ್ವಿಚ್ - ಬಳಸುವುದು .

ಚೆಕ್‌ಬಾಕ್ಸ್‌ಗಳು, ರೇಡಿಯೊ ಬಟನ್‌ಗಳಂತಲ್ಲದೆ, ಒಂದೇ ರೂಪದಲ್ಲಿ ಹಲವಾರು ಹೊಂದಿಸಬಹುದು. ಚೆಕ್ ಮಾಡಲಾದ ಗುಣಲಕ್ಷಣವನ್ನು ಚೆಕ್‌ಬಾಕ್ಸ್‌ಗಳಿಗಾಗಿ ನಿರ್ದಿಷ್ಟಪಡಿಸಿದರೆ, ಪುಟವನ್ನು ಲೋಡ್ ಮಾಡಿದಾಗ, ಅನುಗುಣವಾದ ಫಾರ್ಮ್ ಕ್ಷೇತ್ರಗಳಲ್ಲಿನ ಚೆಕ್‌ಬಾಕ್ಸ್‌ಗಳನ್ನು ಈಗಾಗಲೇ ಆಯ್ಕೆ ಮಾಡಲಾಗುತ್ತದೆ.

ಅಂಶ ರೇಡಿಯೋ ಬಟನ್‌ಗಳು ಮತ್ತು ಚೆಕ್‌ಬಾಕ್ಸ್‌ಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಆಯ್ಕೆಯನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸುವಾಗ ಬಳಸಲಾಗುತ್ತದೆ. ಅದರೊಂದಿಗೆ ಸಂಯೋಜಿತವಾಗಿರುವ ಪಠ್ಯವನ್ನು ಕ್ಲಿಕ್ ಮಾಡುವ ಮೂಲಕ ನಿಮಗೆ ಬೇಕಾದ ಐಟಂ ಅನ್ನು ನೀವು ಆಯ್ಕೆ ಮಾಡಬಹುದು. ಇದನ್ನು ಮಾಡಲು ನೀವು ಇರಿಸಬೇಕಾಗುತ್ತದೆ ಅಂಶದ ಒಳಗೆ .

ನೀವು ಸೈಟ್ ಸಂದರ್ಶಕರಿಂದ ಕೆಲವು ಡೇಟಾವನ್ನು ಸಂಗ್ರಹಿಸಲು ಬಯಸಿದಾಗ HTML ಫಾರ್ಮ್‌ಗಳು ಅಗತ್ಯವಿದೆ. ಉದಾಹರಣೆಗೆ, ಬಳಕೆದಾರ ನೋಂದಣಿ ಸಮಯದಲ್ಲಿ ನೀವು ಹೆಸರು, ಇಮೇಲ್ ವಿಳಾಸ, ಕ್ರೆಡಿಟ್ ಕಾರ್ಡ್ ಇತ್ಯಾದಿಗಳಂತಹ ಡೇಟಾವನ್ನು ಸಂಗ್ರಹಿಸಲು ಬಯಸುತ್ತೀರಿ.

ಫಾರ್ಮ್ ಸೈಟ್ ಸಂದರ್ಶಕರಿಂದ ಇನ್‌ಪುಟ್ ಅನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ ಮತ್ತು ನಂತರ ಅದನ್ನು CGI, ASP ಸ್ಕ್ರಿಪ್ಟ್ ಅಥವಾ ಸ್ಕ್ರಿಪ್ಟ್ ಮುಂತಾದ ಅಂತಿಮ ಅಪ್ಲಿಕೇಶನ್‌ಗೆ ಪೋಸ್ಟ್ ಮಾಡುತ್ತದೆ. PHP ಎಂಡ್ ಅಪ್ಲಿಕೇಶನ್ ಅಪ್ಲಿಕೇಶನ್‌ನಲ್ಲಿನ ನಿರ್ದಿಷ್ಟ ವ್ಯವಹಾರ ತರ್ಕದ ಆಧಾರದ ಮೇಲೆ ವರ್ಗಾವಣೆಗೊಂಡ ಡೇಟಾದ ಅಗತ್ಯ ಪ್ರಕ್ರಿಯೆಯನ್ನು ನಿರ್ವಹಿಸುತ್ತದೆ.

ಪಠ್ಯ ಕ್ಷೇತ್ರಗಳು, ಪಠ್ಯ ಪ್ರದೇಶ ಕ್ಷೇತ್ರಗಳು, ಡ್ರಾಪ್-ಡೌನ್ ಮೆನು, ರೇಡಿಯೊ ಬಟನ್‌ಗಳು, ಚೆಕ್ ಬಾಕ್ಸ್‌ಗಳು ಇತ್ಯಾದಿಗಳಂತಹ ವಿವಿಧ ಫಾರ್ಮ್ ಅಂಶಗಳು ಲಭ್ಯವಿದೆ.

ಟ್ಯಾಗ್ ಮಾಡಿ HTML ಫಾರ್ಮ್ ಅನ್ನು ರಚಿಸಲು HTML ಅನ್ನು ಬಳಸಲಾಗುತ್ತದೆ ಮತ್ತು ಇದು ಕೆಳಗಿನ ಸಿಂಟ್ಯಾಕ್ಸ್ ಅನ್ನು ಹೊಂದಿದೆ:

ಇನ್‌ಪುಟ್, ಟೆಕ್ಸ್‌ಟೇರಿಯಾ ಇತ್ಯಾದಿ ಅಂಶಗಳನ್ನು ರೂಪಿಸಿ.

ಫಾರ್ಮ್ ಗುಣಲಕ್ಷಣಗಳು

ಸಾಮಾನ್ಯ ಗುಣಲಕ್ಷಣಗಳಿಂದ ಪ್ರತ್ಯೇಕವಾಗಿ, ಕೆಳಗಿನವುಗಳು ಸಾಮಾನ್ಯವಾಗಿ ಬಳಸುವ ಫಾರ್ಮ್ ಗುಣಲಕ್ಷಣಗಳ ಪಟ್ಟಿಯಾಗಿದೆ:

ಗಮನಿಸಿ:ನೀವು ಉಲ್ಲೇಖಿಸಬಹುದು ಪರ್ಲ್ & ಸಿಜಿಐಫಾರ್ಮ್ ಡೇಟಾ ಅಪ್‌ಲೋಡ್ ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ ಎಂಬುದರ ಕುರಿತು ವಿವರಗಳಿಗಾಗಿ.

HTML ಫಾರ್ಮ್ ನಿಯಂತ್ರಣಗಳು

HTML ಫಾರ್ಮ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ಡೇಟಾವನ್ನು ಸಂಗ್ರಹಿಸಲು ನೀವು ಬಳಸಬಹುದಾದ ವಿವಿಧ ರೀತಿಯ ಫಾರ್ಮ್ ನಿಯಂತ್ರಣಗಳಿವೆ:

ಚೆಕ್ಬಾಕ್ಸ್ ನಿಯಂತ್ರಣಗಳು

ರೇಡಿಯೋ ಬಾಕ್ಸ್ ನಿಯಂತ್ರಣಗಳು

ನಿಯಂತ್ರಣ ಪೆಟ್ಟಿಗೆಯನ್ನು ಆಯ್ಕೆಮಾಡಿ

ಆಯ್ಕೆ ಪೆಟ್ಟಿಗೆಗಳನ್ನು ಸಂಗ್ರಹಿಸಿ

ಗುಪ್ತ ನಿಯಂತ್ರಣಗಳು

ಕ್ಲಿಕ್ ಮಾಡಬಹುದಾದ ಗುಂಡಿಗಳು

ಇಮ್ಯಾಜಿನ್ ಮತ್ತು ಬ್ಯಾಕ್ ಬಟನ್

ಪಠ್ಯ ಇನ್ಪುಟ್ ನಿಯಂತ್ರಣಗಳು

ಫಾರ್ಮ್‌ಗಳಲ್ಲಿ ಮೂರು ರೀತಿಯ ಪಠ್ಯ ಇನ್‌ಪುಟ್ ಅನ್ನು ಬಳಸಲಾಗುತ್ತದೆ:

ಏಕ ಸಾಲಿನ ಪಠ್ಯ ಇನ್‌ಪುಟ್ ನಿಯಂತ್ರಣಗಳು -ಹುಡುಕಾಟ ಪೆಟ್ಟಿಗೆಗಳು ಅಥವಾ ಹೆಸರುಗಳಂತಹ ಬಳಕೆದಾರರ ಇನ್‌ಪುಟ್‌ನ ಒಂದು ಸಾಲಿನ ಅಗತ್ಯವಿರುವ ಐಟಂಗಳಿಗೆ ಈ ನಿಯಂತ್ರಣವನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. ಅವುಗಳನ್ನು ಟ್ಯಾಗ್ ಬಳಸಿ ರಚಿಸಲಾಗಿದೆ HTML.

ಪಾಸ್ವರ್ಡ್ ಇನ್ಪುಟ್ ನಿಯಂತ್ರಣ -ಇದು ಒಂದು ಸಾಲಿನ ಪಠ್ಯ ಇನ್‌ಪುಟ್ ಆಗಿದೆ ಆದರೆ ಬಳಕೆದಾರರು ಅದನ್ನು ನಮೂದಿಸಿದ ತಕ್ಷಣ ಅದು ಅಕ್ಷರವನ್ನು ಮರೆಮಾಡುತ್ತದೆ. ಅವುಗಳನ್ನು ಟ್ಯಾಗ್ ಬಳಸಿ ರಚಿಸಲಾಗಿದೆ HTML.

ಬಹು-ಸಾಲಿನ ಪಠ್ಯ ಇನ್‌ಪುಟ್ ನಿಯಂತ್ರಣಗಳು -ಬಳಕೆದಾರರಿಗೆ ಒಂದೇ ಕೊಡುಗೆಗಿಂತ ದೀರ್ಘವಾದ ವಿವರಗಳನ್ನು ನೀಡಲು ಅಗತ್ಯವಿರುವಾಗ ಇದನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. ಬಹು-ಬ್ಯಾಂಡ್ ಇನ್‌ಪುಟ್ ನಿಯಂತ್ರಣಗಳನ್ನು ಟ್ಯಾಗ್ ಬಳಸಿ ರಚಿಸಲಾಗಿದೆ </b> HTML.</p> </ul><h2>ಏಕ ಸಾಲಿನ ಪಠ್ಯ ಇನ್‌ಪುಟ್ ನಿಯಂತ್ರಣಗಳು</h2> <p>ಹುಡುಕಾಟ ಬಾಕ್ಸ್‌ಗಳು ಅಥವಾ ಹೆಸರುಗಳಂತಹ ಬಳಕೆದಾರರ ಇನ್‌ಪುಟ್‌ನ ಒಂದು ಸಾಲಿನ ಅಗತ್ಯವಿರುವ ಐಟಂಗಳಿಗೆ ಈ ನಿಯಂತ್ರಣವನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. ಅವುಗಳನ್ನು ಟ್ಯಾಗ್ ಬಳಸಿ ರಚಿಸಲಾಗಿದೆ <input>HTML.</p> <h3>ಉದಾಹರಣೆ</h3> <p>ಮೊದಲ ಮತ್ತು ಕೊನೆಯ ಹೆಸರನ್ನು ಸ್ವೀಕರಿಸಲು ಬಳಸುವ ಒಂದು ಸಾಲಿನ ಪಠ್ಯ ಇನ್‌ಪುಟ್‌ನ ಮೂಲ ಉದಾಹರಣೆ ಇಲ್ಲಿದೆ:</p><p> <!DOCTYPE html> <html> <head> <title>ಪಠ್ಯ ಇನ್ಪುಟ್ ನಿಯಂತ್ರಣ</title> </head> <body> <form >ಮೊದಲ ಹೆಸರು: <input type="text" name="first_name" /> <br>ಕೊನೆಯ ಹೆಸರು: <input type="text" name="last_name" /> </form> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </p><p>ಇದು ಈ ಕೆಳಗಿನವುಗಳನ್ನು ನೀಡುತ್ತದೆ:</p> <h3>ಗುಣಲಕ್ಷಣಗಳು</h3> <p> <input>ಪಠ್ಯ ಕ್ಷೇತ್ರವನ್ನು ರಚಿಸಲು.</p> <h2>ಪಾಸ್ವರ್ಡ್ ಇನ್ಪುಟ್ ನಿಯಂತ್ರಣಗಳು</h2> <p>ಇದು ಒಂದು ಸಾಲಿನ ಪಠ್ಯ ಇನ್‌ಪುಟ್ ಆಗಿದೆ ಆದರೆ ಬಳಕೆದಾರರು ಅದನ್ನು ನಮೂದಿಸಿದ ನಂತರ ಅದು ಅಕ್ಷರವನ್ನು ಮರೆಮಾಡುತ್ತದೆ. ಅವುಗಳನ್ನು ಟ್ಯಾಗ್ ಬಳಸಿ ರಚಿಸಲಾಗಿದೆ <input> <b>ಪಾಸ್ವರ್ಡ್</b>.</p> <h3>ಉದಾಹರಣೆ</h3> <p>ಬಳಕೆದಾರ ಪಾಸ್‌ವರ್ಡ್ ಅನ್ನು ಸ್ವೀಕರಿಸಲು ಬಳಸುವ ಒಂದು ಸಾಲಿನ ಪಾಸ್‌ವರ್ಡ್ ಇನ್‌ಪುಟ್‌ನ ಮೂಲ ಉದಾಹರಣೆ ಇಲ್ಲಿದೆ:</p><p> <!DOCTYPE html> <html> <head> <title>ಪಾಸ್ವರ್ಡ್ ಇನ್ಪುಟ್ ನಿಯಂತ್ರಣ</title> </head> <body> <form >ಬಳಕೆದಾರ ID: <input type="text" name="user_id" /> <br>ಪಾಸ್ವರ್ಡ್: <input type="password" name="password" /> </form> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </p><p>ಇದು ಈ ಕೆಳಗಿನವುಗಳನ್ನು ನೀಡುತ್ತದೆ:</p> <h3>ಗುಣಲಕ್ಷಣಗಳು</h3> <p>ಟ್ಯಾಗ್‌ಗಾಗಿ ಗುಣಲಕ್ಷಣಗಳ ಪಟ್ಟಿಯನ್ನು ಅನುಸರಿಸಿ <input>ಪಾಸ್ವರ್ಡ್ ಕ್ಷೇತ್ರವನ್ನು ರಚಿಸಲು.</p> <h2>ಬಹು ಪಠ್ಯ ಇನ್‌ಪುಟ್ ನಿಯಂತ್ರಣಗಳು</h2> <p>ಬಳಕೆದಾರರಿಗೆ ಒಂದೇ ಕೊಡುಗೆಗಿಂತ ಹೆಚ್ಚಿನ ವಿವರಗಳನ್ನು ನೀಡಲು ಅಗತ್ಯವಿರುವಾಗ ಇದನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. ಬಹು-ಬ್ಯಾಂಡ್ ಇನ್‌ಪುಟ್ ನಿಯಂತ್ರಣಗಳನ್ನು ಟ್ಯಾಗ್ ಬಳಸಿ ರಚಿಸಲಾಗಿದೆ <textarea>HTML.</p> <h3>ಉದಾಹರಣೆ</h3> <p>ಐಟಂ ವಿವರಣೆಯನ್ನು ತೆಗೆದುಕೊಳ್ಳಲು ಬಹು-ಸಾಲಿನ ಪಠ್ಯ ಇನ್‌ಪುಟ್‌ನ ಮೂಲ ಉದಾಹರಣೆ ಇಲ್ಲಿದೆ:</p><p> <!DOCTYPE html> <html> <head> <title>ಬಹು-ಸಾಲಿನ ಇನ್‌ಪುಟ್ ನಿಯಂತ್ರಣ</title> </head> <body> <form>ವಿವರಣೆ: <br /> <textarea rows="5" cols="50" name="description">ವಿವರಣೆಯನ್ನು ಇಲ್ಲಿ ನಮೂದಿಸಿ...



ಇದು ಈ ಕೆಳಗಿನವುಗಳನ್ನು ನೀಡುತ್ತದೆ:

ಗುಣಲಕ್ಷಣಗಳು

ಟ್ಯಾಗ್‌ಗಾಗಿ ಗುಣಲಕ್ಷಣಗಳ ಪಟ್ಟಿಯನ್ನು ಅನುಸರಿಸಿ .</p> <h2>ಚೆಕ್ಬಾಕ್ಸ್ ನಿಯಂತ್ರಣ</h2> <p>ಒಂದಕ್ಕಿಂತ ಹೆಚ್ಚು ಆಯ್ಕೆಗಳನ್ನು ಆರಿಸಿದಾಗ ಚೆಕ್‌ಬಾಕ್ಸ್‌ಗಳನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. ಅವುಗಳನ್ನು ಟ್ಯಾಗ್ ಬಳಸಿ ರಚಿಸಲಾಗಿದೆ <input>HTML ಆದರೆ ಪ್ರಕಾರದ ಗುಣಲಕ್ಷಣವನ್ನು ಹೊಂದಿಸಲಾಗಿದೆ <b>ಚೆಕ್ಬಾಕ್ಸ್</b>.</p> <h3>ಉದಾಹರಣೆ</h3> <p>2 ಚೆಕ್‌ಬಾಕ್ಸ್‌ಗಳನ್ನು ಹೊಂದಿರುವ ಫಾರ್ಮ್‌ಗಾಗಿ HTML ಕೋಡ್‌ನ ಉದಾಹರಣೆ ಇಲ್ಲಿದೆ:</p><p> <!DOCTYPE html> <html> <head> <title>ಚೆಕ್ಬಾಕ್ಸ್ ನಿಯಂತ್ರಣ</title> </head> <body> <form> <input type="checkbox" name="maths" value="ಮೇಲೆ">ಗಣಿತ <input type="checkbox" name="physics" value="ಮೇಲೆ">ಭೌತಶಾಸ್ತ್ರ</form> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </p><p>ಇದು ಈ ಕೆಳಗಿನವುಗಳನ್ನು ನೀಡುತ್ತದೆ:</p> <h3>ಗುಣಲಕ್ಷಣಗಳು</h3> <p>ಟ್ಯಾಗ್‌ಗಾಗಿ ಗುಣಲಕ್ಷಣಗಳ ಪಟ್ಟಿಯನ್ನು ಅನುಸರಿಸಿ <checkbox>.</p> <h2>ರೇಡಿಯೋ ಬಟನ್ ನಿಯಂತ್ರಣ</h2> <p>ಹಲವು ಆಯ್ಕೆಗಳಿರುವಾಗ ರೇಡಿಯೋ ಬಟನ್‌ಗಳನ್ನು ಬಳಸುವುದು ಅವಶ್ಯಕ, ಕೇವಲ ಒಂದು ಆಯ್ಕೆ. ಅವುಗಳನ್ನು ಟ್ಯಾಗ್ ಬಳಸಿ ರಚಿಸಲಾಗಿದೆ <input>HTML ಆದರೆ ಪ್ರಕಾರದ ಗುಣಲಕ್ಷಣವನ್ನು ಹೊಂದಿಸಲಾಗಿದೆ <b>ರೇಡಿಯೋ ಪ್ರಸಾರಗಳು</b>.</p> <h3>ಉದಾಹರಣೆ</h3> <p>2 ರೇಡಿಯೋ ಬಟನ್‌ಗಳನ್ನು ಹೊಂದಿರುವ ಫಾರ್ಮ್‌ಗಾಗಿ ಉದಾಹರಣೆ HTML ಕೋಡ್ ಇಲ್ಲಿದೆ:</p><p> <!DOCTYPE html> <html> <head> <title>ರೇಡಿಯೋ ಬಾಕ್ಸ್ ನಿಯಂತ್ರಣ</title> </head> <body> <form> <input type="radio" name="subject" value="ಗಣಿತ">ಗಣಿತ <input type="radio" name="subject" value="ಭೌತಶಾಸ್ತ್ರ">ಭೌತಶಾಸ್ತ್ರ</form> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </p><p>ಇದು ಈ ಕೆಳಗಿನವುಗಳನ್ನು ನೀಡುತ್ತದೆ:</p> <h3>ಗುಣಲಕ್ಷಣಗಳು</h3> <p>ರೇಡಿಯೋ ಬಟನ್‌ಗಾಗಿ ಗುಣಲಕ್ಷಣಗಳ ಪಟ್ಟಿಯನ್ನು ಕೆಳಗೆ ನೀಡಲಾಗಿದೆ.</p> <h2>ಬಾಕ್ಸ್ ನಿಯಂತ್ರಣವನ್ನು ಆಯ್ಕೆಮಾಡಿ</h2> <p>ಆಯ್ದ ಪೆಟ್ಟಿಗೆಯನ್ನು ಡ್ರಾಪ್ ಡೌನ್ ಬಾಕ್ಸ್ ಎಂದೂ ಕರೆಯುತ್ತಾರೆ, ಇದು ಡ್ರಾಪ್ ಡೌನ್ ಪಟ್ಟಿಯ ರೂಪದಲ್ಲಿ ವಿವಿಧ ಆಯ್ಕೆಗಳನ್ನು ಪಟ್ಟಿ ಮಾಡುವ ಆಯ್ಕೆಯನ್ನು ಒದಗಿಸುವ ಬಾಕ್ಸ್ ಆಗಿದೆ, ಇದರಿಂದ ಬಳಕೆದಾರರು ಒಂದು ಅಥವಾ ಹೆಚ್ಚಿನ ಆಯ್ಕೆಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡಬಹುದು.</p> <h3>ಉದಾಹರಣೆ</h3> <p>ಒಂದು ಡ್ರಾಪ್ ಡೌನ್ ಬಾಕ್ಸ್ ಹೊಂದಿರುವ ಫಾರ್ಮ್‌ಗಾಗಿ HTML ಕೋಡ್ ಉದಾಹರಣೆ ಇಲ್ಲಿದೆ</p><p> <!DOCTYPE html> <html> <head> <title>ಬಾಕ್ಸ್ ನಿಯಂತ್ರಣವನ್ನು ಆಯ್ಕೆಮಾಡಿ</title> </head> <body> <form> <select name="dropdown"> <option value="ಗಣಿತ" selected>ಗಣಿತ</option> <option value="ಭೌತಶಾಸ್ತ್ರ">ಭೌತಶಾಸ್ತ್ರ</option> </select> </form> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html></p> <h2>ವಿವರಣೆ</h2> <p>HTML ಟ್ಯಾಗ್ <form>ಬಳಕೆದಾರರ ಇನ್‌ಪುಟ್ ಅನ್ನು ಸರ್ವರ್‌ಗೆ ಕಳುಹಿಸಲು ಬಳಸಲಾಗುವ HTML ಫಾರ್ಮ್ ಅನ್ನು ರಚಿಸುತ್ತದೆ.</p> <p>ಫಾರ್ಮ್ ಸ್ವತಃ ಬಳಕೆದಾರರ ಇನ್‌ಪುಟ್‌ಗೆ ಯಾವುದೇ ವಿಧಾನವನ್ನು ಒದಗಿಸದ ಕಾರಣ, ಅಂಶದ ಒಳಗೆ <form>ಡೇಟಾವನ್ನು ನಮೂದಿಸಲು ಬಳಕೆದಾರರಿಗೆ ವಿಭಿನ್ನ ಮಾರ್ಗಗಳನ್ನು ಒದಗಿಸುವ ಉದ್ದೇಶವನ್ನು ಹೊಂದಿರುವ ಇತರ ಅಂಶಗಳನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ:</p> <p>ಈ ಅಂಶಗಳ ಜೊತೆಗೆ, ನೀವು ಫಾರ್ಮ್‌ನಲ್ಲಿ ಯಾವುದೇ ಇತರ HTML ಅಂಶಗಳನ್ನು ಬಳಸಬಹುದು.</p> <p>ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ, ವೆಬ್ ಪುಟದಲ್ಲಿ ಫಾರ್ಮ್ ಅನ್ನು ಯಾವುದೇ ರೀತಿಯಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾಗುವುದಿಲ್ಲ, ಅದರೊಳಗೆ ಇರುವ ಅಂಶಗಳು ಮಾತ್ರ ಗೋಚರಿಸುತ್ತವೆ, ಆದರೆ CSS ಅನ್ನು ಬಳಸಿಕೊಂಡು ನೀವು ಫಾರ್ಮ್ ಅನ್ನು ಯಾವುದೇ ನೋಟವನ್ನು ನೀಡಬಹುದು.</p> <h2>ಗುಣಲಕ್ಷಣಗಳು</h2>ಸ್ವೀಕರಿಸಲು-ಅಕ್ಷರಸೆಟ್: ಪ್ರಕ್ರಿಯೆಗಾಗಿ ಸರ್ವರ್‌ಗೆ ಸಲ್ಲಿಸಲಾದ ಫಾರ್ಮ್ ಇನ್‌ಪುಟ್‌ಗಾಗಿ ಅಕ್ಷರ ಎನ್‌ಕೋಡಿಂಗ್ ಅಥವಾ ಜಾಗದಿಂದ ಪ್ರತ್ಯೇಕಿಸಲಾದ ಅಕ್ಷರ ಸೆಟ್‌ಗಳ ಪಟ್ಟಿಯನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ಎನ್‌ಕೋಡಿಂಗ್‌ನಿಂದ ಬೆಂಬಲಿಸದ ಅಕ್ಷರಗಳನ್ನು ಡೇಟಾವು ಒಳಗೊಂಡಿದ್ದರೆ, ಬ್ರೌಸರ್ ಅವರಿಗೆ ಸೂಕ್ತವಾದ ಎನ್‌ಕೋಡಿಂಗ್ ಅನ್ನು ನಿರ್ಧರಿಸಲು ಪ್ರಯತ್ನಿಸುತ್ತದೆ. ಸೂಕ್ತವಾದ ಎನ್ಕೋಡಿಂಗ್ ಅನ್ನು ನಿರ್ಧರಿಸಲಾಗದಿದ್ದರೆ, ನಂತರ ಅಕ್ಷರಗಳನ್ನು ಸಂಖ್ಯಾ ಸಂಕೇತಗಳಾಗಿ ಎನ್ಕೋಡ್ ಮಾಡಲಾಗುತ್ತದೆ. <p>ಡೀಫಾಲ್ಟ್ ಮೌಲ್ಯವು ಕಾಯ್ದಿರಿಸಿದ ಸ್ಟ್ರಿಂಗ್ ಆಗಿದೆ "ಅನ್‌ಕೌನ್" (ಬ್ರೌಸರ್‌ಗಳು ಈ ಮೌಲ್ಯವನ್ನು ಎಲಿಮೆಂಟ್ ಹೊಂದಿರುವ ಡಾಕ್ಯುಮೆಂಟ್‌ಗೆ ಹೋಲುವ ಅಕ್ಷರ ಎನ್‌ಕೋಡಿಂಗ್ ಎಂದು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ <form>)</p><ul><li><b>ಕ್ರಿಯೆ: ಪೂರ್ಣಗೊಂಡ ಫಾರ್ಮ್‌ನಿಂದ ಡೇಟಾವನ್ನು ಕಳುಹಿಸಲು ವಿಳಾಸವನ್ನು ಸೂಚಿಸುತ್ತದೆ, ಅಲ್ಲಿ ಈ ಮಾಹಿತಿಯನ್ನು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಲಾಗುತ್ತದೆ.</b>ಸ್ವಯಂಪೂರ್ಣತೆ: ಫಾರ್ಮ್ ಸ್ವಯಂಪೂರ್ಣತೆಯನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಬೇಕೆ ಅಥವಾ ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಬೇಕೆ ಎಂದು ನಿರ್ಧರಿಸುತ್ತದೆ. ಸ್ವಯಂತುಂಬುವಿಕೆಯನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಿದಾಗ, ಬಳಕೆದಾರರು ಹಿಂದಿನ ಬಾರಿ ಅವರು ಫಾರ್ಮ್ ಅನ್ನು ಬಳಸಿದ ಮೌಲ್ಯಗಳನ್ನು ಬ್ರೌಸರ್ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ತುಂಬುತ್ತದೆ. ಸಂಭವನೀಯ ಗುಣಲಕ್ಷಣ ಮೌಲ್ಯಗಳು:</li> <li><b>ಮೇಲೆ:</b>ಬಳಕೆದಾರರು ಹಿಂದೆ ನಮೂದಿಸಿದ ಮೌಲ್ಯಗಳನ್ನು ಬ್ರೌಸರ್ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಪ್ರದರ್ಶಿಸುತ್ತದೆ (ಡೀಫಾಲ್ಟ್ ಮೌಲ್ಯ).</li> </ul><p>ಆಫ್:</p><p>ಪ್ರತಿ ಬಾರಿ ಫಾರ್ಮ್ ಅನ್ನು ಬಳಸುವಾಗ ಬಳಕೆದಾರರು ಪ್ರತಿ ಕ್ಷೇತ್ರಕ್ಕೆ ಮೌಲ್ಯಗಳನ್ನು ನಮೂದಿಸಬೇಕು. ಹಿಂದೆ ನಮೂದಿಸಿದ ಮೌಲ್ಯಗಳನ್ನು ತೋರಿಸಲಾಗುವುದಿಲ್ಲ.</p><ul><li><b>ಗಮನಿಸಿ: ಸ್ವಯಂಪೂರ್ಣತೆ ಗುಣಲಕ್ಷಣವನ್ನು Opera ಬ್ರೌಸರ್ ಬೆಂಬಲಿಸುವುದಿಲ್ಲ.</b>ಎನ್ಕ್ಟೈಪ್: ಸರ್ವರ್‌ಗೆ ಸಲ್ಲಿಸಿದಾಗ ಫಾರ್ಮ್ ಡೇಟಾವನ್ನು ಹೇಗೆ ಎನ್‌ಕೋಡ್ ಮಾಡಲಾಗಿದೆ ಎಂಬುದನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ವಿಧಾನ="ಪೋಸ್ಟ್" ಗುಣಲಕ್ಷಣದ ಜೊತೆಯಲ್ಲಿ ಮಾತ್ರ ಬಳಸಬಹುದಾಗಿದೆ. ಸಂಭವನೀಯ ಮೌಲ್ಯಗಳು:</li> <li><b>ಅಪ್ಲಿಕೇಶನ್/x-www-form-urlencoded:</b>ಡೀಫಾಲ್ಟ್: ಕಳುಹಿಸುವ ಮೊದಲು ಎಲ್ಲಾ ಅಕ್ಷರಗಳನ್ನು ಎನ್‌ಕೋಡ್ ಮಾಡಲಾಗುತ್ತದೆ (ಸ್ಪೇಸ್‌ಗಳನ್ನು "+" ಅಕ್ಷರಗಳಾಗಿ ಪರಿವರ್ತಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ವಿಶೇಷ ಅಕ್ಷರಗಳನ್ನು ASCII HEX ಮೌಲ್ಯಗಳಿಗೆ ಪರಿವರ್ತಿಸಲಾಗುತ್ತದೆ). <input>ಬಹುಭಾಗ/ಫಾರ್ಮ್-ಡೇಟಾ:</li> <li><b>ಅಕ್ಷರಗಳನ್ನು ಎನ್ಕೋಡ್ ಮಾಡಲಾಗಿಲ್ಲ. ಅಂಶಗಳಿಗೆ ಬಳಸಲಾಗುತ್ತದೆ</b>, ಅದರ ಪ್ರಕಾರದ ಗುಣಲಕ್ಷಣವನ್ನು "ಫೈಲ್" ಗೆ ಹೊಂದಿಸಲಾಗಿದೆ.</li> </ul>ಪಠ್ಯ/ಸರಳ: <ul><li><b>ಸ್ಪೇಸ್‌ಗಳನ್ನು "+" ಅಕ್ಷರಕ್ಕೆ ಪರಿವರ್ತಿಸಲಾಗುತ್ತದೆ, ಆದರೆ ಅಪಾಸ್ಟ್ರಫಿಗಳಂತಹ ವಿಶೇಷ ಅಕ್ಷರಗಳನ್ನು ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಮೌಲ್ಯಗಳಾಗಿ ಎನ್‌ಕೋಡ್ ಮಾಡುವುದಿಲ್ಲ.</b>ವಿಧಾನ: ಫಾರ್ಮ್ ಡೇಟಾವನ್ನು ಸಲ್ಲಿಸುವಾಗ ಬಳಸಲಾಗುವ HTTP ಡೇಟಾ ವರ್ಗಾವಣೆ ವಿಧಾನವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ಸಂಭವನೀಯ ಮೌಲ್ಯಗಳು:</li> <li><b>ಪಡೆಯಿರಿ:</b>ಡೇಟಾವನ್ನು URL ನ ಅಂತ್ಯಕ್ಕೆ ಸೇರಿಸುವ ಮೂಲಕ ಬ್ರೌಸರ್‌ನ ವಿಳಾಸ ಪಟ್ಟಿಗೆ name=value couples ಎಂದು ರವಾನಿಸಲಾಗುತ್ತದೆ. ಪ್ರಶ್ನಾರ್ಥಕ ಚಿಹ್ನೆ (?) ಅನ್ನು ಮುಖ್ಯ URL ಮತ್ತು ರವಾನೆಯಾದ ಡೇಟಾದ ನಡುವೆ ವಿಭಜಕವಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ ಮತ್ತು ಹರಡಿದ ಡೇಟಾವನ್ನು ಪರಸ್ಪರ ಪ್ರತ್ಯೇಕಿಸಲು ಆಂಪರ್ಸಂಡ್ ಅಕ್ಷರ (&) ಅನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. ಸಣ್ಣ ಡೇಟಾವನ್ನು ಕಳುಹಿಸುವಾಗ ಈ ವಿಧಾನವನ್ನು ಬಳಸಲಾಗುತ್ತದೆ.</li> </ul>ವಿಧಾನದ ಗುಣಲಕ್ಷಣವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸದಿದ್ದರೆ, GET ವಿಧಾನವನ್ನು ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ. <form novalidate> <form novalidate="novalidate"> <form novalidate=""> <p>ಹೆಸರು: ರೂಪದ ಹೆಸರನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ಹೆಸರಿನ ಮೂಲಕ ಅಂಶವನ್ನು ಉಲ್ಲೇಖಿಸಲು ಅಥವಾ ಅದನ್ನು ಸಲ್ಲಿಸಿದ ನಂತರ ಫಾರ್ಮ್ ಡೇಟಾವನ್ನು ಉಲ್ಲೇಖಿಸಲು ಹೆಸರನ್ನು JavaScript ನಲ್ಲಿ ಬಳಸಬಹುದು. ಒಂದು ಡಾಕ್ಯುಮೆಂಟ್‌ನಲ್ಲಿ ಹಲವಾರು ಫಾರ್ಮ್‌ಗಳನ್ನು ಬಳಸಿದರೆ, ನಂತರ ಅವರ ಹೆಸರನ್ನು ಪುನರಾವರ್ತಿಸಬಾರದು ಮತ್ತು ಖಾಲಿ ಸ್ಟ್ರಿಂಗ್ ಅನ್ನು ಗುಣಲಕ್ಷಣ ಮೌಲ್ಯವಾಗಿ ಬಿಡಬಾರದು.</p><p>ನೊವಾಲಿಡೇಟ್: ಫಾರ್ಮ್‌ನಲ್ಲಿ ನಮೂದಿಸಿದ ಡೇಟಾವನ್ನು ಸಲ್ಲಿಸುವ ಮೊದಲು ಮೌಲ್ಯೀಕರಿಸಲಾಗುವುದಿಲ್ಲ ಎಂದು ಸೂಚಿಸುತ್ತದೆ. ನೋವಾಲಿಡೇಟ್ ಬೂಲಿಯನ್ ಗುಣಲಕ್ಷಣಕ್ಕಾಗಿ ಸಂಭವನೀಯ ಮೌಲ್ಯಗಳು:</p><ul><li><b>ಗಮನಿಸಿ: Novalidate ಗುಣಲಕ್ಷಣವು IE9 ಮತ್ತು ಹಿಂದಿನದು ಮತ್ತು Safari ನಲ್ಲಿ ಬೆಂಬಲಿತವಾಗಿಲ್ಲ.</b>ಗುರಿ: ಫಾರ್ಮ್ ಅನ್ನು ಸಲ್ಲಿಸಿದ ನಂತರ ಸ್ವೀಕರಿಸಿದ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ಎಲ್ಲಿ ಪ್ರದರ್ಶಿಸಬೇಕು ಎಂಬುದನ್ನು ಸೂಚಿಸುವ ಫ್ರೇಮ್ ಹೆಸರು ಅಥವಾ ಕೀವರ್ಡ್ ಅನ್ನು ವಿವರಿಸುತ್ತದೆ.</li> <li><b>_ಖಾಲಿ:</b>ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ಹೊಸ ವಿಂಡೋ ಅಥವಾ ಟ್ಯಾಬ್‌ನಲ್ಲಿ ತೆರೆಯುತ್ತದೆ.</li> <li><b>_ಸ್ವಯಂ:</b>ಲಿಂಕ್ ಇರುವ ಅದೇ ಡೈರೆಕ್ಟರಿಯಲ್ಲಿ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ತೆರೆಯುತ್ತದೆ (ಡೀಫಾಲ್ಟ್).</li> <li><b>_ಪೋಷಕ:</b>ಪೋಷಕ ಚೌಕಟ್ಟಿನಲ್ಲಿ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ತೆರೆಯುತ್ತದೆ.</li> <li><b>_ಟಾಪ್:</b>ವಿಂಡೋದ ಪೂರ್ಣ ಅಗಲದಲ್ಲಿ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ತೆರೆಯುತ್ತದೆ.</li> </ul><p>ಫ್ರೇಮ್_ಹೆಸರು: <form>ಐಫ್ರೇಮ್‌ನಲ್ಲಿ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ತೆರೆಯುತ್ತದೆ, ಅದರ ಹೆಸರನ್ನು ಮೌಲ್ಯವಾಗಿ ನಿರ್ದಿಷ್ಟಪಡಿಸಲಾಗಿದೆ.</p> <h2>ಟ್ಯಾಗ್ ಮಾಡಿ</h2>ಜಾಗತಿಕ ಗುಣಲಕ್ಷಣಗಳು ಮತ್ತು ಈವೆಂಟ್‌ಗಳನ್ನು ಸಹ ಬೆಂಬಲಿಸುತ್ತದೆ <h3>ಉದಾಹರಣೆ</h3> <form action="demo_form.asp">ಡೀಫಾಲ್ಟ್ ಶೈಲಿ <input type="text" name="fname" value="ರೂಪ (ಪ್ರದರ್ಶನ: ಬ್ಲಾಕ್; ಅಂಚು-ಮೇಲ್ಭಾಗ: 0ಎಮ್;)"><br>ಹೆಸರು: <input type="text" name="lname" value="ಮಿಕ್ಕಿ"><br> <input type="submit" value="ಸಲ್ಲಿಸಿ"> </form> <br><p>ಉಪನಾಮ:</p> <p>ಮೌಸ್</p> <p>HTML ನಲ್ಲಿನ ಫಾರ್ಮ್‌ಗಳು ಅತ್ಯಂತ ಸಂಕೀರ್ಣವಾಗಿವೆ, ಆದರೆ ಮತ್ತೊಂದೆಡೆ, ಬಹುಶಃ HTML ನಲ್ಲಿನ ಅತ್ಯಂತ ಆಸಕ್ತಿದಾಯಕ ವಿಷಯವಾಗಿದೆ.</p> <p>ವೆಬ್ ಫಾರ್ಮ್‌ಗಳು ಸೈಟ್ ಸಂದರ್ಶಕರಿಗೆ ನಿರ್ದಿಷ್ಟ ಮಾಹಿತಿಯನ್ನು ವಿಶೇಷ ಕ್ಷೇತ್ರಗಳಲ್ಲಿ ನಮೂದಿಸಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ ಮತ್ತು ಡೆವಲಪರ್ ಅದನ್ನು ಅವರಿಗೆ ಅನುಕೂಲಕರ ರೂಪದಲ್ಲಿ ಸ್ವೀಕರಿಸುತ್ತಾರೆ.</p> <p>ಫಾರ್ಮ್‌ನ ಉದಾಹರಣೆ ಅತಿಥಿ ಪುಸ್ತಕ, ಪ್ರಶ್ನಾವಳಿ ಅಥವಾ ಆನ್‌ಲೈನ್ ಪರೀಕ್ಷೆಯಾಗಿರಬಹುದು. ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ನೋಂದಾಯಿಸುವಾಗ, ಆನ್‌ಲೈನ್ ಸ್ಟೋರ್‌ನಲ್ಲಿ ಆರ್ಡರ್‌ಗಳನ್ನು ಇರಿಸುವಾಗ ಇತ್ಯಾದಿಗಳನ್ನು ಭರ್ತಿಮಾಡಲಾಗುತ್ತದೆ.</p> <h4>HTML ಅನ್ನು ಬಳಸಿಕೊಂಡು, ನೀವು ಫಾರ್ಮ್ ಫ್ರೇಮ್‌ವರ್ಕ್ ಅನ್ನು ರಚಿಸಬಹುದು: ಪಠ್ಯ ಕ್ಷೇತ್ರಗಳು, ಮೆನುಗಳು, ಪಟ್ಟಿಗಳು, ಬಟನ್‌ಗಳು, ಚೆಕ್‌ಬಾಕ್ಸ್‌ಗಳು ಮತ್ತು ರೇಡಿಯೋ ಬಟನ್‌ಗಳು. ಅಂದರೆ, ಕೆಲವು ಮಾಹಿತಿಯನ್ನು ರೂಪದಲ್ಲಿ ನಮೂದಿಸಿದ ಸಹಾಯದಿಂದ ಆ ಅಂಶಗಳು. <form></h4> <p>ನಂತರ ಫಾರ್ಮ್‌ಗೆ ನಮೂದಿಸಿದ ಡೇಟಾವನ್ನು ಪ್ರಕ್ರಿಯೆಗಾಗಿ ಸರ್ವರ್‌ಗೆ ಕಳುಹಿಸಲಾಗುತ್ತದೆ. ಆದರೆ HTML ಇಲ್ಲಿ ಶಕ್ತಿಹೀನವಾಗಿದೆ - ಅದಕ್ಕೆ ಲಗತ್ತಿಸಲಾದ ಪ್ರೋಗ್ರಾಂ ಅಥವಾ ಸ್ಕ್ರಿಪ್ಟ್ ಈಗಾಗಲೇ ಫಾರ್ಮ್ ಅನ್ನು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸುವಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತಿದೆ. ಇಂತಹ ಕಾರ್ಯಕ್ರಮಗಳನ್ನು ಸಾಮಾನ್ಯವಾಗಿ PHP ಅಥವಾ JavaScript ನಲ್ಲಿ ಬರೆಯಲಾಗುತ್ತದೆ. <i>ಫಾರ್ಮ್ ಗುಣಲಕ್ಷಣಗಳು - ಟ್ಯಾಗ್</i>ವೆಬ್ ಪುಟದಲ್ಲಿ ಹಲವಾರು ರೂಪಗಳಿರಬಹುದು ( <form>ಡೆವಲಪರ್‌ಗೆ ಅಗತ್ಯವಿರುವಷ್ಟು</form> .</p> <p>) ಅವುಗಳಲ್ಲಿ ಪ್ರತಿಯೊಂದೂ ಟ್ಯಾಗ್‌ನೊಂದಿಗೆ ಪ್ರಾರಂಭವಾಗುತ್ತದೆ <i>ಮತ್ತು ಮುಚ್ಚುವ ಟ್ಯಾಗ್‌ನೊಂದಿಗೆ ಕೊನೆಗೊಳ್ಳುತ್ತದೆ</i>).</p> <p>ಫಾರ್ಮ್ ವಿಷಯವನ್ನು ಹೇಗೆ ಸಲ್ಲಿಸಲಾಗುವುದು ಎಂಬುದನ್ನು ವಿಧಾನದ ಗುಣಲಕ್ಷಣವು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ಎರಡು ವಿಧಾನಗಳಿವೆ - GET ಮತ್ತು POST. ಈಗ ಈ ನಿಯತಾಂಕಗಳನ್ನು ಪರಿಶೀಲಿಸಲು ಯಾವುದೇ ಅರ್ಥವಿಲ್ಲ, ಏಕೆಂದರೆ GET ಮತ್ತು POST ವಿಧಾನಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಮಾಹಿತಿಯನ್ನು ಕಳುಹಿಸುವ ವಿಷಯವು ಡೇಟಾ ಸಂಸ್ಕರಣಾ ಭಾಷೆಗಳಿಗೆ ಸಂಬಂಧಿಸಿದೆ ( <i>ಉದಾಹರಣೆಗೆ PHP</i>) ಹೆಚ್ಚಿನ ಸಂದರ್ಭಗಳಲ್ಲಿ ರೂಪಗಳಲ್ಲಿ ಬಳಸಲಾಗುವ POST ಡೇಟಾ ವರ್ಗಾವಣೆ ವಿಧಾನವಾಗಿದೆ ಎಂದು ತಿಳಿದುಕೊಳ್ಳಲು ಸಾಕು.</p> <p>ಟ್ಯಾಗ್ ಹೆಸರು ಗುಣಲಕ್ಷಣ <form>ಐಚ್ಛಿಕವಾಗಿದೆ. ಆದರೆ ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ಹಲವಾರು ರೂಪಗಳಿದ್ದರೆ, ಅವುಗಳಲ್ಲಿ ಪ್ರತಿಯೊಂದನ್ನು ಹ್ಯಾಂಡ್ಲರ್ನಿಂದ ಹೇಗಾದರೂ ಗುರುತಿಸಬೇಕು. ಆದ್ದರಿಂದ, ಈ ಸಂದರ್ಭದಲ್ಲಿ ಹೆಸರಿನ ಗುಣಲಕ್ಷಣದ ಉಪಸ್ಥಿತಿಯು ಅವಶ್ಯಕವಾಗಿದೆ - ಇದು ರೂಪದ ಅನನ್ಯ ಹೆಸರನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ.</p> <p>ನೀವು ಇನ್ಪುಟ್ ಡೇಟಾಕ್ಕಾಗಿ ಎನ್ಕೋಡಿಂಗ್ ಅನ್ನು ಸಹ ಹೊಂದಿಸಬಹುದು - ಸ್ವೀಕರಿಸಲು-ಚಾರ್ಸೆಟ್ ಗುಣಲಕ್ಷಣವು ಇದಕ್ಕೆ ಕಾರಣವಾಗಿದೆ, ಮತ್ತು ಗುರಿ ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸಿಕೊಂಡು, ಸಲ್ಲಿಸಿದ ಫಾರ್ಮ್ ಅನ್ನು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸುವ ಫಲಿತಾಂಶವನ್ನು ಪ್ರದರ್ಶಿಸುವ ವಿಂಡೋವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಿ ( <i>ಹೊಸ ಅಥವಾ ಪ್ರಸ್ತುತ ವಿಂಡೋದಲ್ಲಿ</i>).</p> <p>ಆದರೆ ಟ್ಯಾಗ್ ಸ್ವತಃ <form>ಯಾವುದೇ ಅರ್ಥವಿಲ್ಲ, ಏಕೆಂದರೆ ಫಾರ್ಮ್ ಮೊದಲು ಎಲ್ಲೋ ನಮೂದಿಸಬೇಕಾದ ಡೇಟಾವನ್ನು ರವಾನಿಸುತ್ತದೆ!</p> <h4>ಡೇಟಾ ನಮೂದು. ಫಾರ್ಮ್ ಕ್ಷೇತ್ರಗಳು - ಟ್ಯಾಗ್ <input></h4> <p>ಫ್ರೇಮ್_ಹೆಸರು: <input>ಇದು ಫಾರ್ಮ್‌ಗಳಲ್ಲಿ ಕಂಡುಬರುವ ಅತ್ಯಂತ ಸಾಮಾನ್ಯ ಟ್ಯಾಗ್ ಆಗಿದೆ. ಫಾರ್ಮ್‌ಗೆ ಡೇಟಾವನ್ನು ನಮೂದಿಸಲು ಸೇವೆ ಸಲ್ಲಿಸುವ ವಿವಿಧ ಅಂಶಗಳನ್ನು ರಚಿಸಲು ಇದನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ: ಪಠ್ಯ ಕ್ಷೇತ್ರಗಳು, ಬಟನ್‌ಗಳು, ಚೆಕ್‌ಬಾಕ್ಸ್‌ಗಳು, ರೇಡಿಯೋ ಬಟನ್‌ಗಳು.</p> <p>ಪ್ರಕಾರವು ಟ್ಯಾಗ್‌ನ ಮುಖ್ಯ ಲಕ್ಷಣವಾಗಿದೆ <input>. ಇದು ಕ್ಷೇತ್ರದ ಪ್ರಕಾರವನ್ನು ಹೊಂದಿಸುತ್ತದೆ ( <i>ಅಂಶ</i>) ರೂಪಗಳು:</p> <table width="100%" border="1"><tr><td width="300px"> <p>ಗುಣಲಕ್ಷಣ ಮೌಲ್ಯ ಪ್ರಕಾರ="..."</p> </td> <td width="245px"> <p>ಫಲಿತಾಂಶ</p> </td> <td> <p>ವಿವರಣೆ</p> </td> </tr><tr><td> <p><input type="text" size="20" value="ನಿಮ್ಮ ಹೆಸರು..." ></p> </td> <td align="center"> </td> <td><p>ಪಠ್ಯವನ್ನು ನಮೂದಿಸಲು ಏಕ ಸಾಲಿನ ಪಠ್ಯ ಕ್ಷೇತ್ರ. ಗಾತ್ರದ ಗುಣಲಕ್ಷಣವು ಕ್ಷೇತ್ರದ ಅಗಲವನ್ನು ಅಕ್ಷರಗಳಲ್ಲಿ ಸೂಚಿಸುತ್ತದೆ.</p> </td> </tr><tr><td><p><input type="password" maxlength="10" size="20" ></p> </td> <td align="center"> </td> <td><p>ಪಾಸ್ವರ್ಡ್ ಅನ್ನು ನಮೂದಿಸಲು ಪಠ್ಯ ಕ್ಷೇತ್ರ. <br>ಗರಿಷ್ಠ ಉದ್ದದ ಗುಣಲಕ್ಷಣವು ನಮೂದಿಸಬಹುದಾದ ಗರಿಷ್ಠ ಸಂಖ್ಯೆಯ ಅಕ್ಷರಗಳನ್ನು ಹೊಂದಿಸುತ್ತದೆ</p> </td> </tr><tr><td><p><input type="radio" name="radio" value="1" checked></p> <p><input type="radio" name="radio" value="2" ></p> <p><input type="radio" name="radio" value="3" ></p> </td> <td align="center"> </td> <td><p>ಬದಲಿಸಿ. <br>ನೀಡಿರುವ ಆಯ್ಕೆಗಳಿಂದ ನೀವು ಕೇವಲ ಒಂದು ಆಯ್ಕೆಯನ್ನು ಮಾತ್ರ ಆಯ್ಕೆ ಮಾಡಬಹುದು. ಪರಿಶೀಲಿಸಿದ ಗುಣಲಕ್ಷಣವು ಪೂರ್ವ-ಪರಿಶೀಲಿಸಲಾದ ಕ್ಷೇತ್ರವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ.</p> </td> </tr><tr><td><p><input type="checkbox" name="flag" value="1" checked></p> <p><input type="checkbox" name="flag" value="2" ></p> <p><input type="checkbox" name="flag" value="3" ></p> </td> <td align="center"> </td> <td><p>ಚೆಕ್ಬಾಕ್ಸ್. <br>ಆಯ್ಕೆ ಮಾಡಲು ಹಲವಾರು ಆಯ್ಕೆಗಳಿವೆ.</span>ಗುಣಲಕ್ಷಣ <span>ಚೆಕ್ಡ್ ಪೂರ್ವ-ಪರಿಶೀಲಿಸಿದ ಕ್ಷೇತ್ರವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ.</p> </td> </tr><tr><td><p><input type="button" value="ಬಟನ್" ></p> </td> <td align="center"> </td> <td><p>ಬಟನ್. <br>ಮೌಲ್ಯ ಗುಣಲಕ್ಷಣವು ಬಟನ್‌ನಲ್ಲಿ ಲೇಬಲ್ ಅನ್ನು ಹೊಂದಿಸುತ್ತದೆ.</p> </td> </tr><tr><td><p><input type="reset" value="ಮರುಹೊಂದಿಸಿ" ></p> </td> <td align="center"> </td> <td><p>ಮರುಹೊಂದಿಸುವ ಬಟನ್. <br>ಫಾರ್ಮ್ ಕ್ಷೇತ್ರಗಳನ್ನು ಅವುಗಳ ಮೂಲ ಸ್ವರೂಪಕ್ಕೆ ಹಿಂತಿರುಗಿಸುತ್ತದೆ. ನಮೂದಿಸಿದ ಡೇಟಾವನ್ನು ಮರುಹೊಂದಿಸಿ.</p> </td> </tr><tr><td><p><input type="submit" ></p> </td> <td align="center"> </td> <td><p>ನಮೂದಿಸಿದ ಡೇಟಾವನ್ನು ಕಳುಹಿಸಲು ಬಟನ್.</p> </td> </tr><tr><td><p><input type="file" ></p> </td> <td align="center"> </td> <td><p>ಕಳುಹಿಸಲಾದ ಫೈಲ್‌ನ ಹೆಸರನ್ನು ನಮೂದಿಸಲು ಕ್ಷೇತ್ರ.</p> </td> </tr><tr><td><p><input type="image" src="img/buttom.gif" ></p> </td> <td align="center"> </td> <td><p>ಬಟನ್-ಚಿತ್ರ. <br>ಸರ್ವರ್‌ಗೆ ಡೇಟಾವನ್ನು ಕಳುಹಿಸಲು ಸಹ ಇದನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. src ಗುಣಲಕ್ಷಣವು ಇಮೇಜ್ ಫೈಲ್‌ನ ವಿಳಾಸವನ್ನು ಸೂಚಿಸುತ್ತದೆ.</p> </td> </tr><tr><td><p><input type="hidden" size="20" ></p> </td> <td align="center"> </td> <td><p>ಗುಪ್ತ ಕ್ಷೇತ್ರ - ಬಳಕೆದಾರರಿಗೆ ಅಗೋಚರ.</p> </td> </tr></table><h3>ಡ್ರಾಪ್‌ಡೌನ್ - ಟ್ಯಾಗ್‌ಗಳು <select>ಮತ್ತು <option></h3> <p>ಫ್ರೇಮ್_ಹೆಸರು: <select>ಟ್ಯಾಗ್ನಂತೆಯೇ <input>ಮಾಹಿತಿಯನ್ನು ಸಂಗ್ರಹಿಸಲು ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ - ಇದು ಒಂದು ಅಥವಾ ಹೆಚ್ಚಿನ ಅಂಶಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡಬಹುದಾದ ಪಟ್ಟಿಯನ್ನು ರಚಿಸುತ್ತದೆ. ಪ್ರತಿಯೊಂದು ಅಂಶವು ಮೌಲ್ಯಕ್ಕೆ ಅನುರೂಪವಾಗಿದೆ, ಅದನ್ನು ಪ್ರಕ್ರಿಯೆಗಾಗಿ ಸರ್ವರ್‌ಗೆ ಕಳುಹಿಸಲಾಗುತ್ತದೆ.</p> <p>ರಚಿಸಲಾದ ಪಟ್ಟಿಯ ಪ್ರಕಾರವು ಗಾತ್ರದ ಗುಣಲಕ್ಷಣದ ಮೌಲ್ಯವನ್ನು ಅವಲಂಬಿಸಿರುತ್ತದೆ: ಗಾತ್ರ= "1" ( <i>ಡೀಫಾಲ್ಟ್ ಮೌಲ್ಯ</i>) ಪಟ್ಟಿಯು ಡ್ರಾಪ್-ಡೌನ್ ಆಗಿರುತ್ತದೆ.</p> <p>ಗಾತ್ರದ ಗುಣಲಕ್ಷಣಕ್ಕಾಗಿ ವಿಭಿನ್ನ ಮೌಲ್ಯವು ಪ್ರದರ್ಶಿಸಲಾದ ಪಟ್ಟಿ ಐಟಂಗಳ ಸಂಖ್ಯೆಗೆ ಅನುಗುಣವಾಗಿರುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, size="3" ನೊಂದಿಗೆ, ಮೂರು ಅಂಶಗಳು ಗೋಚರಿಸುತ್ತವೆ. ಇತರ ಪಟ್ಟಿ ಐಟಂಗಳನ್ನು ವೀಕ್ಷಿಸಲು ( <i>ಯಾವುದಾದರೂ ಇದ್ದರೆ</i>) ನೀವು ಲಂಬ ಸ್ಕ್ರಾಲ್ ಬಾರ್ ಅನ್ನು ಬಳಸಬೇಕು, ಅದನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಸೇರಿಸಲಾಗುತ್ತದೆ.</p> <p>ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ, ಒಂದು ಪಟ್ಟಿ ಐಟಂ ಅನ್ನು ಮಾತ್ರ ಆಯ್ಕೆ ಮಾಡಬಹುದು. ಟ್ಯಾಗ್‌ಗೆ ಬಹು ಗುಣಲಕ್ಷಣವನ್ನು ಸೇರಿಸುವುದು <select>ಮೌಸ್ ಮತ್ತು Ctrl ಮತ್ತು Shift ಕೀಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಬಹು ಪಟ್ಟಿ ಐಟಂಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.</p> <p>ಬಹು ಗುಣಲಕ್ಷಣವು ಇದ್ದರೆ, ಪಟ್ಟಿ ಐಟಂಗಳ ಎಲ್ಲಾ ಅಥವಾ ಭಾಗವನ್ನು ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ ( <i>ಬ್ರೌಸರ್ ಅನ್ನು ಅವಲಂಬಿಸಿ</i>), ನಿರ್ದಿಷ್ಟ ಸಂಖ್ಯೆಯ ಗೋಚರ ಐಟಂಗಳಿಗೆ ಗಾತ್ರದ ಗುಣಲಕ್ಷಣವನ್ನು ಹೊಂದಿಸದ ಹೊರತು.</p> <p>ಡ್ರಾಪ್-ಡೌನ್ ಪಟ್ಟಿಯ ಅಗತ್ಯವಿರುವ ಅಂಶವು ಟ್ಯಾಗ್ ಆಗಿದೆ <option>. ಇದು ಟ್ಯಾಗ್ ಒಳಗೆ ಇದೆ <select>ಮತ್ತು ಪ್ರತಿ ಪಟ್ಟಿ ಐಟಂ ಅನ್ನು ರಚಿಸುತ್ತದೆ.</p> <p>ಟ್ಯಾಗ್‌ನ ಹೆಸರಿನ ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸುವುದು <select>ಪಟ್ಟಿಗೆ ಹೆಸರನ್ನು ನೀಡಲಾಗಿದೆ ಮತ್ತು ಟ್ಯಾಗ್‌ನ ಮೌಲ್ಯ ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸಿ <option>ಪಟ್ಟಿಯ ಅಂಶಕ್ಕೆ ಮೌಲ್ಯವನ್ನು ನಿಗದಿಪಡಿಸಲಾಗಿದೆ. ಹೀಗಾಗಿ, "ಹೆಸರು = ಮೌಲ್ಯ" ಜೋಡಿಯನ್ನು ಸರ್ವರ್‌ಗೆ ಕಳುಹಿಸಲಾಗುತ್ತದೆ - ಪಟ್ಟಿಯ ಹೆಸರು ಮತ್ತು ಆಯ್ಕೆಮಾಡಿದ ಅಂಶ/ಗಳ ಮೌಲ್ಯ.</p> <p>ಟ್ಯಾಗ್‌ನ ಆಯ್ಕೆಮಾಡಿದ ಗುಣಲಕ್ಷಣ <option>ಹಿಂದೆ ಆಯ್ಕೆಮಾಡಿದ ಪಟ್ಟಿ ಐಟಂ ಅನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ ಮತ್ತು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಲಾದ ಗುಣಲಕ್ಷಣವು ಪಟ್ಟಿ ಐಟಂ ಅನ್ನು ನಿರ್ಬಂಧಿಸುತ್ತದೆ - ಅದನ್ನು ಆಯ್ಕೆ ಮಾಡಲಾಗುವುದಿಲ್ಲ.</p> <p><img src='https://i2.wp.com/webpupil.ru/img/java/java_example.jpg' height="68" width="200" loading=lazy loading=lazy></p> <p><form> <br><p>ಕಾರ್ಡಿನಲ್ ದಿಕ್ಕು ನಾಲ್ಕು ಪ್ರಮುಖ ದಿಕ್ಕುಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ:</p> <br> <select name= "storona" > <br> <option value= "ಉತ್ತರ" >ಉತ್ತರ</option><br> <option value= "ದಕ್ಷಿಣ" >ದಕ್ಷಿಣ</option><br> <option value= "ಪಶ್ಚಿಮ" >ಪಶ್ಚಿಮ</option><br> <option value= "ಪೂರ್ವ" >ಪೂರ್ವ</option> <br> </select><br><p>ವಿಶ್ವದ 7 ಅದ್ಭುತಗಳು!</p> <br> <select name= "chudo" size= "4" multiple> <br> <option value= "1" >ಚಿಯೋಪ್ಸ್ ಪಿರಮಿಡ್</option><br> <option value= "2" selected> <span>ಬ್ಯಾಬಿಲೋನ್‌ನ ಹ್ಯಾಂಗಿಂಗ್ ಗಾರ್ಡನ್ಸ್</span> </option><br> <option value= "3" disabled> <span>ಒಲಂಪಿಯಾದಲ್ಲಿ ಜೀಯಸ್ ಪ್ರತಿಮೆ</span> </option><br> <option value= "4" > <span>ಎಫೆಸಸ್ನಲ್ಲಿ ಆರ್ಟೆಮಿಸ್ ದೇವಾಲಯ</span> </option><br> <option value= "5" > <span>ಹ್ಯಾಲಿಕಾರ್ನಾಸಸ್ನಲ್ಲಿನ ಸಮಾಧಿ</span> </option><br> <option value= "6" > <span>ಕೋಲೋಸಸ್ ಆಫ್ ರೋಡ್ಸ್</span> </option><br> <option value= "7" > <span>ಅಲೆಕ್ಸಾಂಡ್ರಿಯಾ ಲೈಟ್ ಹೌಸ್</span> </option><br> </select><br><p> <input type= "reset" value= "ಮರುಹೊಂದಿಸಿ" > </p> <br> </form> </p> <p><img src='https://i1.wp.com/webpupil.ru/img/java/java_result.jpg' height="61" width="200" loading=lazy loading=lazy></p> <h3>ಬಹು ಸಾಲಿನ ಪಠ್ಯ ಕ್ಷೇತ್ರ - ಟ್ಯಾಗ್ <textarea></h3> <p>ಫ್ರೇಮ್_ಹೆಸರು: <textarea>ಬಹು ಸಾಲಿನ ಪಠ್ಯ ಕ್ಷೇತ್ರವನ್ನು ರಚಿಸುತ್ತದೆ. ಅದರಲ್ಲಿ ಲೈನ್ ಬ್ರೇಕ್ಗಳನ್ನು ಮಾಡಲು ಅನುಮತಿಸಲಾಗಿದೆ, ಇದು ಹ್ಯಾಂಡ್ಲರ್ಗೆ ಡೇಟಾವನ್ನು ರವಾನಿಸುವಾಗ ಸಂರಕ್ಷಿಸಲ್ಪಡುತ್ತದೆ.</p> <p>ಟ್ಯಾಗ್ ಹೆಸರು ಗುಣಲಕ್ಷಣ <textarea>ಕಡ್ಡಾಯವಾಗಿದೆ - ಅದನ್ನು ಬಳಸಿ, ಪಠ್ಯ ಕ್ಷೇತ್ರಕ್ಕೆ ಹೆಸರನ್ನು ನೀಡಲಾಗಿದೆ.</p> <p>ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಲಾದ ಗುಣಲಕ್ಷಣವು ಕ್ಷೇತ್ರವನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸುತ್ತದೆ - ಕ್ಷೇತ್ರದ ವಿಷಯಗಳನ್ನು ಬದಲಾಯಿಸಲಾಗುವುದಿಲ್ಲ ಮತ್ತು ಅದನ್ನು ಪ್ರವೇಶಿಸಲಾಗುವುದಿಲ್ಲ. ಓದಲು-ಮಾತ್ರ ಗುಣಲಕ್ಷಣವು ಕ್ಷೇತ್ರವು ಓದಲು-ಮಾತ್ರ ಎಂದು ಸೂಚಿಸುತ್ತದೆ - ಬಳಕೆದಾರರು ವಿಷಯವನ್ನು ಸಂಪಾದಿಸುವ ಸಾಮರ್ಥ್ಯವನ್ನು ಹೊಂದಿಲ್ಲ, ಆದರೆ ಅದು ಲಭ್ಯವಿದೆ - ಇದನ್ನು ಆಯ್ಕೆ ಮಾಡಬಹುದು ಮತ್ತು, ಉದಾಹರಣೆಗೆ, ನಕಲಿಸಬಹುದು.</p> <p>ನೀವು ಪಠ್ಯ ಕ್ಷೇತ್ರದ ಅಗಲವನ್ನು ಅಕ್ಷರಗಳಲ್ಲಿ ಮತ್ತು ಕ್ಷೇತ್ರದ ಎತ್ತರವನ್ನು ಕ್ರಮವಾಗಿ ಕೋಲ್‌ಗಳು ಮತ್ತು ಸಾಲುಗಳ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಸಾಲುಗಳಲ್ಲಿ ಹೊಂದಿಸಬಹುದು.</p> <p><img src='https://i2.wp.com/webpupil.ru/img/java/java_example.jpg' height="68" width="200" loading=lazy loading=lazy></p> <p><p> <textarea name= "text" cols= "40" rows= "5" readonly> <span>ಕ್ಷೇತ್ರದ ವಿಷಯಗಳು ಅದರ ಗಾತ್ರವನ್ನು ಮೀರಿದರೆ, ಸ್ಲೈಡರ್ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ.</span>



ಕ್ಷೇತ್ರದ ವಿಷಯಗಳು ಅದರ ಗಾತ್ರವನ್ನು ಮೀರಿದರೆ, ಸ್ಲೈಡರ್ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ.

ಫಾರ್ಮ್ ಅನ್ನು ಬಳಸುವ ಉದಾಹರಣೆ

ಈಗ ಫಾರ್ಮ್ ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ ಎಂದು ನೋಡೋಣ.



ಶೈಕ್ಷಣಿಕ ವೀಡಿಯೊ ಆರ್ಡರ್ ಫಾರ್ಮ್:




ನಿಮ್ಮ ಹೆಸರು: *







ನಿಮ್ಮ ಆದೇಶ:





HTML ನಲ್ಲಿ ವೀಡಿಯೊ ಟ್ಯುಟೋರಿಯಲ್
CSS ನಲ್ಲಿ ವೀಡಿಯೊ ಟ್ಯುಟೋರಿಯಲ್
PHP ನಲ್ಲಿ ವೀಡಿಯೊ ಟ್ಯುಟೋರಿಯಲ್





ಮಾಧ್ಯಮವನ್ನು ಆಯ್ಕೆಮಾಡಿ:




ಸಿಡಿ




ಡಿವಿಡಿ




USB ಫ್ಲ್ಯಾಶ್




ನಿಮ್ಮ ಇಮೇಲ್: *







ನಿಮ್ಮ ವಿಳಾಸ: *













ವಿವರಣೆ

ಫ್ರೇಮ್_ಹೆಸರು:

ವೆಬ್ ಪುಟದಲ್ಲಿ ಫಾರ್ಮ್ ಅನ್ನು ಸ್ಥಾಪಿಸುತ್ತದೆ.
ಫಾರ್ಮ್ ಬಳಕೆದಾರ ಮತ್ತು ಸರ್ವರ್ ನಡುವೆ ಡೇಟಾ ವಿನಿಮಯಕ್ಕಾಗಿ ಉದ್ದೇಶಿಸಲಾಗಿದೆ. ಫಾರ್ಮ್‌ಗಳ ಅಪ್ಲಿಕೇಶನ್ ವ್ಯಾಪ್ತಿಯು ಕ್ಲೈಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಸರ್ವರ್‌ಗೆ ಡೇಟಾವನ್ನು ಕಳುಹಿಸಲು ಸೀಮಿತವಾಗಿಲ್ಲ, ನೀವು ಫಾರ್ಮ್‌ನ ಯಾವುದೇ ಅಂಶವನ್ನು ಪ್ರವೇಶಿಸಬಹುದು, ಅದನ್ನು ಬದಲಾಯಿಸಬಹುದು ಮತ್ತು ಅದನ್ನು ನಿಮ್ಮ ವಿವೇಚನೆಯಿಂದ ಅನ್ವಯಿಸಬಹುದು.
ಡಾಕ್ಯುಮೆಂಟ್ ಯಾವುದೇ ಸಂಖ್ಯೆಯ ಫಾರ್ಮ್‌ಗಳನ್ನು ಒಳಗೊಂಡಿರಬಹುದು, ಆದರೆ ಒಂದು ಸಮಯದಲ್ಲಿ ಸರ್ವರ್‌ಗೆ ಕೇವಲ ಒಂದು ಫಾರ್ಮ್ ಅನ್ನು ಸಲ್ಲಿಸಬಹುದು. ಈ ಕಾರಣಕ್ಕಾಗಿ, ಫಾರ್ಮ್ ಡೇಟಾ ಪರಸ್ಪರ ಸ್ವತಂತ್ರವಾಗಿರಬೇಕು.
ಫಾರ್ಮ್ ಅನ್ನು ಸರ್ವರ್‌ಗೆ ಸಲ್ಲಿಸಲು, ಸಲ್ಲಿಸು ಬಟನ್ ಅನ್ನು ಬಳಸಿ, ಫಾರ್ಮ್‌ನಲ್ಲಿ Enter ಕೀಲಿಯನ್ನು ಒತ್ತುವ ಮೂಲಕ ಅದನ್ನು ಸಾಧಿಸಬಹುದು. ಫಾರ್ಮ್‌ನಲ್ಲಿ ಸಲ್ಲಿಸು ಬಟನ್ ಇಲ್ಲದಿದ್ದರೆ, Enter ಕೀ ಅದರ ಬಳಕೆಯನ್ನು ಅನುಕರಿಸುತ್ತದೆ. ಫಾರ್ಮ್ ಅನ್ನು ಸರ್ವರ್‌ಗೆ ಸಲ್ಲಿಸಿದಾಗ, ಡೇಟಾದ ನಿಯಂತ್ರಣವನ್ನು ಟ್ಯಾಗ್‌ನ ಕ್ರಿಯೆಯ ಗುಣಲಕ್ಷಣದಿಂದ ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ಪ್ರೋಗ್ರಾಂಗೆ ವರ್ಗಾಯಿಸಲಾಗುತ್ತದೆ .
ಬ್ರೌಸರ್ ಮೊದಲು ಮಾಹಿತಿಯನ್ನು “ಹೆಸರು=ಮೌಲ್ಯ” ಜೋಡಿಯ ರೂಪದಲ್ಲಿ ಸಿದ್ಧಪಡಿಸುತ್ತದೆ, ಅಲ್ಲಿ ಹೆಸರನ್ನು ಟ್ಯಾಗ್‌ನ ಹೆಸರಿನ ಗುಣಲಕ್ಷಣದಿಂದ ನಿರ್ಧರಿಸಲಾಗುತ್ತದೆ
, ಮತ್ತು ಮೌಲ್ಯವನ್ನು ಬಳಕೆದಾರರಿಂದ ನಮೂದಿಸಲಾಗಿದೆ ಅಥವಾ ಡೀಫಾಲ್ಟ್ ಫಾರ್ಮ್ ಕ್ಷೇತ್ರಕ್ಕೆ ಹೊಂದಿಸಲಾಗಿದೆ.
ಡೇಟಾವನ್ನು ಕಳುಹಿಸಲು GET ವಿಧಾನವನ್ನು ಬಳಸಿದರೆ, ವಿಳಾಸ ಪಟ್ಟಿಯು ಈ ಕೆಳಗಿನ ಫಾರ್ಮ್ ಅನ್ನು ತೆಗೆದುಕೊಳ್ಳಬಹುದು. http://www..cgi?nick=%C2%E0%ED%FF+%D8%E0%EF%EE%F7%EA%E8%ED&page=5
CGI ಪ್ರೋಗ್ರಾಂ ವಿಳಾಸದ ನಂತರ ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ಪ್ರಶ್ನಾರ್ಥಕ ಚಿಹ್ನೆಯ ನಂತರ ನಿಯತಾಂಕಗಳನ್ನು ಪಟ್ಟಿಮಾಡಲಾಗಿದೆ ಮತ್ತು ಆಂಪರ್ಸಂಡ್ ಅಕ್ಷರದಿಂದ (&) ಪ್ರತ್ಯೇಕಿಸಲಾಗಿದೆ. ಲ್ಯಾಟಿನ್ ಅಲ್ಲದ ಅಕ್ಷರಗಳನ್ನು ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಪ್ರಾತಿನಿಧ್ಯಕ್ಕೆ ಪರಿವರ್ತಿಸಲಾಗುತ್ತದೆ (ರೂಪ %HH, ಇಲ್ಲಿ HH ASCII ಅಕ್ಷರ ಮೌಲ್ಯಕ್ಕೆ ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಕೋಡ್), ಮತ್ತು ಜಾಗವನ್ನು ಪ್ಲಸ್ (+) ನಿಂದ ಬದಲಾಯಿಸಲಾಗುತ್ತದೆ.
...

ಗುಣಲಕ್ಷಣಗಳು

ಕಂಟೇನರ್ ಒಳಗೆ ಅನುಮತಿಸಲಾಗಿದೆ

ಇತರ ಟ್ಯಾಗ್‌ಗಳನ್ನು ಇರಿಸಿ, ಆದರೆ ವೆಬ್ ಪುಟದಲ್ಲಿ ಫಾರ್ಮ್ ಅನ್ನು ಯಾವುದೇ ರೀತಿಯಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾಗುವುದಿಲ್ಲ, ಅದರ ಅಂಶಗಳು ಮತ್ತು ನೆಸ್ಟೆಡ್ ಟ್ಯಾಗ್‌ಗಳ ಫಲಿತಾಂಶಗಳು ಮಾತ್ರ ಗೋಚರಿಸುತ್ತವೆ.

ಸಿಂಟ್ಯಾಕ್ಸ್

ಸರ್ವರ್ ಡೇಟಾವನ್ನು ಸ್ವೀಕರಿಸಲು ಮತ್ತು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಲು ಎನ್ಕೋಡಿಂಗ್ ಅನ್ನು ಹೊಂದಿಸುತ್ತದೆ.

ಫಾರ್ಮ್ ಕ್ಷೇತ್ರಗಳ ಸ್ವಯಂ ತುಂಬುವಿಕೆಯನ್ನು ಸಕ್ರಿಯಗೊಳಿಸುತ್ತದೆ.

HTTP ಪ್ರೋಟೋಕಾಲ್ ವಿಧಾನ.
ಇನ್‌ಪುಟ್‌ನ ಸರಿಯಾದತೆಗಾಗಿ ಫಾರ್ಮ್ ಡೇಟಾದ ಅಂತರ್ನಿರ್ಮಿತ ಚೆಕ್ ಅನ್ನು ಅತಿಕ್ರಮಿಸುತ್ತದೆ.
ಮುಚ್ಚುವ ಟ್ಯಾಗ್





ಅಗತ್ಯವಿದೆ.

HTML5 IE Cr Op Sa Fx