More Related Content
What's hot
What's hot (20)
Similar to Html form
Similar to Html form (20)
Recently uploaded
Recently uploaded (20)
Html form
- 1. HTMLF O R M S A N D F R A M E S
- 2. C O N T E N T 2/ Add your title 3/ Add your title 4/ Add your title 1/ Add your title
- 3. 01INTRODUCTION TO F O R M S
- 4. What are forms? FORMS Forms are the primary method for gathering data from site visitors. <form> is just another kind of HTML tag. HTML forms are used to create GUIs on Web pages Usually the purpose is to ask the user for information The information is then sent back to the server A form is an area that can contain form elements The syntax is: <form parameters> ...form elements... </form>. Form elements include: buttons, checkboxes, text fields, radio buttons,drop-down menus, etc. Other kinds of HTML tags can be mixed in with the form elements. A form usually contains a Submit button to send the information in he form elements to the server.
- 5. FORMS The <form> tag The <form> tag in HTML is used to create form for user input. There are many elements which are used within form tag. For example: <input>, <textarea>, <button>, <select>, <option>, <label> etc. Syntax: <form> Form Content... </form>
- 6. FORMS The <input> tag The <input> tag specifies an input field where the user can enter data. <input> elements are used within a <form> element to declare input controls that allow users to input data. An input field can vary in many ways, depending on the type attribute.
- 7. Text input Text input defines a one-line input field for text input Buttons Form buttons allow the user to submit the filled-in form to the server for processing. Checkboxes Checkboxes let a user select ZERO or MORE options of a limited number of choices. Radio buttons Radio buttons let a user select ONLY ONE of a limited number of choices: FORMS HTML Input Types
- 8. <html> <head> <title>form</title> </head> <body> <h1>Form Demo</h1> <form> <p> <label>Text box</label> <input type = "text" id = "myText" value = "text here" /> </p> <p> <label>Password</label> <input> type = "password" id = "myPwd" value = "secret" /> </p> <p> <label>Text Area</label> <textarea> id = "myTextArea" rows = "3" cols = "80">Your text here</textarea> </p> </form> </body> </html> HTML FORM EXAMPLE
- 9. 76% A designer can use d e f a u l t t e x t t o simulate what text would look like. If it is not real text. T i t l e G o e s H e r e 28% 68% 49% A designer can use d e f a u l t t e x t t o simulate what text would look like. If it is not real text. T i t l e G o e s H e r e A designer can use d e f a u l t t e x t t o simulate what text would look like. If it is not real text. T i t l e G o e s H e r e A designer can use d e f a u l t t e x t t o simulate what text would look like. If it is not real text. T i t l e G o e s H e r e Title goes here
- 10. 02Add your title A designer can use default text to simulate what text would look like.
- 11. A designer can use default text to simulate what text would look like. YOUR TEXT A designer can use default text to simulate what text would look like. YOUR TEXT A designer can use default text to simulate what text would look like. YOUR TEXT A designer can use default text to simulate what text would look like. YOUR TEXT 01 02 03 04 Title goes here
- 13. 1A designer can use default text to simulate what text would look like. YOUR TEXT 2A designer can use default text to simulate what text would look like. YOUR TEXT 3A designer can use default text to simulate what text would look like. YOUR TEXT YOUR TEXT YOUR TEXT YOUR TEXT Title goes here
- 14. A designer can use default text to simulate what text would look like. Keyword A designer can use default text to simulate what text would look like. Keyword A designer can use default text to simulate what text would look like. Keyword A designer can use default text to simulate what text would look like. Keyword Title goes here
- 15. KRYWORD A designer can use default text to simulate what text would look like. KRYWORD A designer can use default text to simulate what text would look like. KRYWORD A designer can use default text to simulate what text would look like. Title goes here
- 16. 03Add your title A designer can use default text to simulate what text would look like.
- 17. WE ARE CHAMPION A designer can use default text to simulate what text would look like. A designer can use default text to simulate what text would look like. A designer can use default text to simulate what text would look like. A designer can use default text to simulate what text would look like. Title goes here
- 18. 95% 45% 21% 70% Text here A designer can use default text to simulate what text would look like. If it is not real text. Text here Text here Text here A designer can use default text to simulate what text would look like. If it is not real text. A designer can use default text to simulate what text would look like. If it is not real text. A designer can use default text to simulate what text would look like. If it is not real text. Title goes here
- 19. Keyword Here Keyword Here Keyword HereKeyword Here Keyword HereKeyword Here Title goes here
- 20. Web Design A designer can use default text to simulate what text would look like. Mobile Apps A designer can use default text to simulate what text would look like. Data Analyses A designer can use default text to simulate what text would look like. Management A designer can use default text to simulate what text would look like. Dedicated Support A designer can use default text to simulate what text would look like. Go Globally A designer can use default text to simulate what text would look like. Title goes here
- 21. A designer can use default text to simulate what text would look like. A designer can use default text to simulate what text would look like. A designer can use default text to simulate what text would look like. A designer can use default text to simulate what text would look like. Title goes here
- 22. 04Add your title A designer can use default text to simulate what text would look like.
- 23. + A designer can use default text to simulate what text would look like. A designer can use default text to simulate what text would look like. A designer can use default text to simulate what text would look like. A designer can use default text to simulate what text would look like. Title goes here
- 24. A designer can use default text to simulate what text would look like. KRYWORD A designer can use default text to simulate what text would look like. KRYWORD A designer can use default text to simulate what text would look like. KRYWORD Title goes here
- 25. A designer can use default text to simulate what text would look like. Keyword Here A designer can use default text to simulate what text would look like. Keyword Here A designer can use default text to simulate what text would look like. Keyword Here A designer can use default text to simulate what text would look like. Keyword Here A designer can use default text to simulate what text would look like. Keyword Here Title goes here
- 26. YOUR TEXT A designer can use default text to simulate what text would look like.YOUR TEXT A designer can use default text to simulate what text would look like.YOUR TEXT A designer can use default text to simulate what text would look like. YOUR TEXT A designer can use default text to simulate what text would look like. YOUR TEXT A designer can use default text to simulate what text would look like. Title goes here
- 27. Our Vision ANNUAL REPORT POWER POINT A designer can use default text to simulate what text would look like. A designer can use default text to simulate what text would look like. A designer can use default text to simulate what text would look like. A designer can use default text to simulate what text would look like. Title goes here
- 28. 2019T H A N K S Reporter: