5R - Form Elements

Form Novalidate, Method and Action

Form novalidate is an attribute that indicates that a form should not be validated when it is submitted or turned in. Form method is a way to submit the form, there are only three different methods or values. Which include the post method where the form data is sent as a request. The get method where the data is attached to the URL with a question mark as the separator. The dialog method is when the form is inside of a dialog, the dialog closes and creates a submit event on the form even without submitting data or clearing a form. Lastly, the action is the URL that processes the submitted form. However, this attribute is disregarded when there is a dialog method set.

Form Fieldsets and Legends

A fieldset is a HTML element used to group many controls and labels within a form.In fieldsets there are many different styling considerations such as the display value is going to be a block by defult and creates the block context, however if we style with an inline-level display value the fieldset will act like an inline-block. If there is a legend then it will get placed over the block-start border which causes the legend to get smaller and creates formatting. A legend is a HTML element that is used as a caption for the content of the parent which is a fieldset.

Labeling & How to use for and id attributes in Forms

The id attribute is an attribute that describes an identifier or (id) which is unique to the document. An id is used to identify an element when linking or using a fragment identifier or css. The for attribute is an attribute that is used for label and output attributes. In a label element the for attribute indicates the form element that the label created is describing. In an output element the for attribute allows for a relationship between the elements and the values that are used in the output.

Summary

Creating a form that works properly and is structured the way you want is important. Additionally, creating a form that requires valid input is also important so you can recieve accurate and true information/results. Making sure to have correct methods and values are also important so the form either is sent as a request, or uses the get method where the data is attached to the URL. Or the dialog method where the dialog closes and a creates submit event on the form even without submitting data or clearing the form.