In line with continued support for HTML5 in Dreamweaver, new attributes have been introduced for some form elements. In addition, four new HTML5 form elements have been introduced.

You can locate the form elements in the Insert panel. Select Window > Insert. In the Insert panel menu, select Forms.

Revised Forms workflow in Dreamweaver

The following new attributes are common to all form elements:

• Disabled: Select this option if you want the browser to disable the element
• Required: Select this option if you want the browser to check if a value has been specified
• Auto complete: Select this option to auto fill values when user enters information in a browser.
• Auto focus: Select this option if you want the focus to be on this element when browser loads the page.
• Read only: Select this option to set the value of the element to read-only.
• Form: Specifies one or more forms to which an <input> element belongs.
• Name: Unique name used to reference the element in the code.
• Place holder: Hint that describes the expected value of an input field
• Pattern: Regular expression against which the element's value is validated.
• Title: Extra information about an element. Displayed as a tool tip.
• Tab Index: Specifies the position of the current element in the tab order for the current document.

Form elements with modified attributes

• Form No Validate: Select this option to disable form validation. This selection overrides the No Validate attribute at form level.
• Form Enc Type: A MIME type with which a user agent is meant to associate this element for form submission.
• Form Target: A browsing context name or keyword that represents the target of the control.
• Accept charset: Specifies the character encodings used for form submission.

HTML5 form elements