Page 306 - DCAP109_GRAPHIC_TOOLS

Unit 13: Dreamweaver – Forms and Media Elements

Notes
Figure 13.3: Properties Panel

Source: http://www.sph.umich.edu/computing/web/pdf/DreamweaverForms.pdf
4. The Target property tells the web browser whether to open a new window after the form
is sent in, or stay in the same window. Leave that field blank.
5. Give your form a name in the Form Name property box.
There are a few properties applicable to forms that need to be taken care of:

z Forms can’t be resized by dragging its boundaries.
z The outline of a form is invisible in a browser; there is no border to turn on or off.
z You can’t have a form spanning part of a table.

13.2.1 Declaring the Encoding Type (enctype)

The enctype attribute specifies how the form-data should be encoded when submitting it to the
server.

Notes The enctype attribute can be used only if method=POST
Syntax: <form enctype=”value”>
It can take three attribute values:
z application/x-www-form-urlencoded: It is the default value. All characters are encoded
before being sent to the server. The spaces are converted to “+” symbols, and special
characters are converted to ASCII HEX values.
z multipart/form-data: No characters are encoded. This value is required when you are
using forms that have a file upload control.

z text/plain: Spaces are converted to “+” symbols, but no special characters are encoded.
13.2.2 Using Text Fields

Text fields are one of the most common fields you will see on the internet. They are a box on a
web page that visitors are able to select and type text into it. The tag to put a text field on your
web site is:
<input type=”text”>

13.2.3 Inserting Text Fields

To insert a single-line text field in Dreamweaver, you can use any of the following methods:
z Go to Insert panel -> Forms category ->Text Field button

LOVELY PROFESSIONAL UNIVERSITY 299