![\"\"](\"https:\/\/pressbooks.library.torontomu.ca\/webdesign2\/wp-content\/uploads\/sites\/449\/2026\/01\/Fig10-01_Form.jpg\")
<\/a>\r\nForm Elements<\/h2>\r\nForm Tag<\/h4>\r\nThe form tag (opening\/closing) provides a framework for the form. The opening form tag should have an \"action\" section and a \"post\" method. The action is what takes place when the reader hits the Submit button. Collecting form data requires a program and database on the server hosting the form page. Several free services are available that collect form data and email it to the host, including web3forms.com and formsubmit.co.\r\nInput Tag<\/h4>\r\nThe input tag (self-closing) should have an associated type, which can include \"text\" for single lines of text; \"radio\" for radio buttons, in which readers can only select one alternative; \"checkbox\" for check boxes, of which the readers can select multiple alternatives; and the \"submit\" button.\r\nTextarea Tag<\/h4>\r\nThe <textarea> tag (opening\/closing) is for multiple lines of text, such as a description or message from a reader. The dimensions of the textarea can be specified in rows and columns or as dimensions.\r\nSelect Tag<\/h4>\r\nThe <select> tag (opening\/closing) creates a dropdown menu of <option> tags.\r\nAccessory Tags<\/h2>\r\nThe following tags are useful in organizing other tags and groups thereof:\r\n\r\n\u2022 <label> (opening\/closing) \u2014 provides a description of the field\r\n\r\n\u2022 <fieldset> (opening\/closing) \u2014 draws a box around a group of tags\r\nDesign Ideas for Forms<\/h2>\r\nSome styles that can make forms more attractive, reader-friendly, and functional include:\r\n\r\n\u2022 center the form in the page (the <form> tag is block-level and can be centered with margin: 0 auto)\r\n\r\n\u2022 color the background of the form\r\n\r\n\u2022 round the corners of the form","rendered":"
Input Tag<\/h4>\r\nThe input tag (self-closing) should have an associated type, which can include \"text\" for single lines of text; \"radio\" for radio buttons, in which readers can only select one alternative; \"checkbox\" for check boxes, of which the readers can select multiple alternatives; and the \"submit\" button.\r\nTextarea Tag<\/h4>\r\nThe <textarea> tag (opening\/closing) is for multiple lines of text, such as a description or message from a reader. The dimensions of the textarea can be specified in rows and columns or as dimensions.\r\nSelect Tag<\/h4>\r\nThe <select> tag (opening\/closing) creates a dropdown menu of <option> tags.\r\nAccessory Tags<\/h2>\r\nThe following tags are useful in organizing other tags and groups thereof:\r\n\r\n\u2022 <label> (opening\/closing) \u2014 provides a description of the field\r\n\r\n\u2022 <fieldset> (opening\/closing) \u2014 draws a box around a group of tags\r\nDesign Ideas for Forms<\/h2>\r\nSome styles that can make forms more attractive, reader-friendly, and functional include:\r\n\r\n\u2022 center the form in the page (the <form> tag is block-level and can be centered with margin: 0 auto)\r\n\r\n\u2022 color the background of the form\r\n\r\n\u2022 round the corners of the form","rendered":"
Select Tag<\/h4>\r\nThe <select> tag (opening\/closing) creates a dropdown menu of <option> tags.\r\nAccessory Tags<\/h2>\r\nThe following tags are useful in organizing other tags and groups thereof:\r\n\r\n\u2022 <label> (opening\/closing) \u2014 provides a description of the field\r\n\r\n\u2022 <fieldset> (opening\/closing) \u2014 draws a box around a group of tags\r\nDesign Ideas for Forms<\/h2>\r\nSome styles that can make forms more attractive, reader-friendly, and functional include:\r\n\r\n\u2022 center the form in the page (the <form> tag is block-level and can be centered with margin: 0 auto)\r\n\r\n\u2022 color the background of the form\r\n\r\n\u2022 round the corners of the form","rendered":"
Design Ideas for Forms<\/h2>\r\nSome styles that can make forms more attractive, reader-friendly, and functional include:\r\n\r\n\u2022 center the form in the page (the <form> tag is block-level and can be centered with margin: 0 auto)\r\n\r\n\u2022 color the background of the form\r\n\r\n\u2022 round the corners of the form","rendered":"
HTML forms provide a way for readers to submit information about themselves and what they are interested in. Forms can be useful for readers to contact you.<\/p>\n
Following is a description of some of the most useful form tags. To see the tags in action, visit the GRC 365 “Demo Site” document, “Contact<\/a>.” You can read the underlying code with your browser’s Web Inspector.<\/p>\n A more thorough explanation of forms and their tags is given on the W3Schools<\/a> website.<\/p>\n