beautypg.com

Enhanced html5 support for form elements, New attributes common to form elements – Adobe Dreamweaver CC 2015 User Manual

Page 639

background image

632

Dynamic sites, pages and web forms

Last updated 6/3/2015

Building ColdFusion forms

Building Spry pages visually

Creating forms tutorial

Styling forms tutorial

Defining sources of dynamic content

Defining sources of dynamic content

Working with the Spry Validation Text Field widget

Working with the Spry Validation Text Area widget

Working with the Spry Validation Select widget

Working with the Spry Validation Checkbox widget

Validate ColdFusion form data

Apply the Call JavaScript behavior

Enhanced HTML5 support for form elements

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.

More Help topics

Creating Web Forms

New attributes common to form elements

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 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.