Html Forms
- 1. HTML Forms are required, when you want to collect some data from the site visitor. For example, during user registration you would like to collect information such as name, email address, credit card, etc.
- 2. 1 action Backend script ready to process your passed data. 2 method Method to be used to upload data. The most frequently used are GET and POST methods. 3 target Specify the target window or frame where the result of the script will be displayed. It takes values like _blank, _self, _parent etc.
- 3. 1.Text Input Controls 2.Checkboxes Controls 3.Radio Box Controls 4.Select Box Controls 5.File Select boxes 6.Hidden Controls 7.Clickable Buttons 8.Submit and Reset Button HTML Form Controls
- 4. Single line text control •They are created using HTMLSingle-line text input controls •ML <input> tag. •Password input control • They are also created using HTMl <input> tag. •Multi-line text input controls •Multi-line input controls are created using HTML <textarea> tag Text Input Controls
- 5. The HTML <form> element defines a form that is used to collect user input: <form> . form elements . </form> The<form> Element
- 6. <form action="/action_page.php"> First name:<br> <input type="text" name="firstname" value="Mick ey"><br> Last name:<br> <input type="text" name="lastname" value="Mou se"><br><br> <input type="submit" value="Submit"> </form>
- 7. Sr.No Type & Description 1 submit This creates a button that automatically submits a form. 2 reset This creates a button that automatically resets form controls to their initial values. 3 button This creates a button that is used to trigger a client-side script when the user clicks that button. 4 image This creates a clickable button but we can use an image as background of the button.
- 8. Hidden form controls are used to hide data inside the page which later on can be pushed to the server. This control hides inside the code and does not appear on the actual page.
- 9. <html> <head> <tittle>file upload box </tittle> </head> <body> <form> <p> this page 10</p> <input type=“hidden” name=“pagename” value=“10”/> <input type=“submit” name=“submit” value=“submit”/> <input type=“reset” name = “reset” value=“reset”/> </form> </body> </html>
- 10. THANK YOU