Example An HTML form with two input fields and one submit button: <form action=”/action_page.php” method=”get”> First name: <input type=”text” name=”fname”><br> Last name: <input type=”text” name=”lname”><br> <input type=”submit” value=”Submit”> </form> Try it Yourself » More “Try it Yourself” examples below. Definition and Usage The <form> tag is used to create an HTML form for user input. The <form> element can contain one or more of the […]
Example A <fieldset> element located outside a form (but still a part of the form): <form action=”/action_page.php” method=”get” id=”form1″> What is your favorite color? <input type=”text” name=”fav_color”><br> <input type=”submit”> </form> <fieldset form=”form1″> Name: <input type=”text” name=”username”><br> Email: <input type=”text” name=”usermail”><br> </fieldset> Try it Yourself » Definition and Usage The form attribute specifies one or more forms the fieldset belongs to. Browser Support Attribute form Not supported Not supported Not […]
Example A form with two submit buttons. The first submit button submits the form data with method=”get”, and the second submits the form data with method=”post”: <form action=”/action_page.php” method=”get”> First name: <input type=”text” name=”fname”><br> Last name: <input type=”text” name=”lname”><br> <button type=”submit”>Submit</button> <button type=”submit” formmethod=”post”>Submit using POST</button> </form> Try it Yourself » Definition and Usage The formmethod attribute specifies which HTTP method to use when sending the […]
Example A form with two submit buttons. The first submit button submits the form data to “action_page.php”, and the second submits to “action_page2.php”: <form action=”/action_page.php” method=”get”> First name: <input type=”text” name=”fname”><br> Last name: <input type=”text” name=”lname”><br> <button type=”submit”>Submit</button><br> <button type=”submit” formaction=”/action_page2.php“>Submit to another page</button> </form> Try it Yourself » Definition and Usage The formaction attribute specifies where to send the form-data when a form is submitted. […]
Example A button located outside a form (but still a part of the form): <form action=”/action_page.php” method=”get” id=”form1″> First name: <input type=”text” name=”fname”><br> Last name: <input type=”text” name=”lname”><br> </form> <button type=”submit” form=”form1″ value=”Submit”>Submit</button> Try it Yourself » Definition and Usage The form attribute specifies one or more forms the button belongs to. Browser Support The numbers in the table specify the first browser version that fully supports […]
This section will teach you the basics of HTML forms in detail. HTML Forms HTML Forms HTML Form Elements HTML Input Types HTML Input Attributes
HTML Form Example First name: Last name: Try it Yourself » The <form> Element The HTML <form> element defines a form that is used to collect user input: <form> . form elements . </form> An HTML form contains form elements. Form elements are different types of input elements, like text fields, checkboxes, radio buttons, submit buttons, and more. […]
About form field properties How a form field behaves is determined by settings in the Properties dialog box for that individual field. You can set properties that apply formatting, determine how the form field information relates to other form fields, impose limitations on what the user can enter in the form field, trigger custom scripts, […]
