HTML Forms.pptx ( web development html / css)
- 1. HTML Forms
- 2. HTML Frames HTML Forms HTML Forms are required when you want to collect some data from the site visitor. The HTML <form> tag is used to create an HTML form and it has following syntax: <form action="Script URL" method="GET|POST"> form elements like input, textarea etc. </form> Web Development I
- 3. HTML Frames Form Attributes Following are important attributes of <form> tag: Web Development I Attribute Description action Backend script ready to process your passed data. method Method to be used to upload data. The most frequently used are GET and POST methods. target Specify the target window or frame where the result of the script will be displayed. It takes values like _blank, _self, _parent etc.
- 4. HTML Frames HTML Form Controls There are different types of form controls that you can use to collect data using HTML form: Text Input Controls Checkboxes Controls Radio Box Controls Select Box Controls File Select boxes Clickable Buttons Submit and Reset Button Web Development I
- 5. HTML Frames Example <body> <form > First name: <input type="text" name="first_name" /> <br> Last name: <input type="text" name="last_name" /> <br> Email: <input type="text" name=“email" /> <br> Password: <input type="password" name="password" /> Description:<textarea rows="5" cols="50" name="description"> Enter description here... </textarea> <input type=“radio" name=“Gender" value=“Male"> Male <input type=“radio" name=“Gender" value=“Female"> Female <br> <input type=“submit" name=“submit" value=“Submit"> <input type=“reset" name=“reset" value=“Reset"> </form> </body> Web Development I
Editor's Notes
- #6: Tabindex attribute Placeholder attribute autofocus Adding it to an input automatically focuses that field when the page is rendered.