Application of Dreamweaver8.0 form

See the full set of "dreamweaver8.0 tutorials"

1, a simple submission of the message page

Create a new 11.html Web page file, select the form Insert bar, insert the form, place the cursor in the form, insert a 5-ROW 2-column table, and merge lines 1th and 5. Insert a text field in line 2nd and 3, insert a text area on line 4th, and insert two buttons on line 5th.

A text field is a Form object in which a user enters a response. There are three types of text fields:

A single-line text field usually provides a word or phrase response, such as a name or address.

Multiline text fields provide a larger area for visitors to enter a response. You can specify the maximum number of rows a visitor can enter and the character width of the object. If you enter more text than these settings, the field scrolls according to the settings specified in the NewLine property.

A password field is a special type of text field. When a user types in a password field, the text entered is replaced with an asterisk or bullet to hide the text and protect the information from being seen.

The page layout effect is as follows:

2, the production of Web page Jump Menu

Open a created Web page file and place the mouse cursor where you want to insert the Jump menu. Select the Jump menu command in the form's insert bar to insert a jump menu in the page.

In the Jump Menu dialog box that pops up, enter the appropriate content as prompted:

Click OK and press F12 to preview the effect.

3. Run Code Instance

New file 12.html.

Open 12.html, insert the form, insert a text area in the form, enter a carriage return, and then insert a button.

Select the Chinese area, and in the Properties panel, set the text width to 50 and the number of lines to 8.

Select the button, and in the Properties panel, set the value of the button to run code.

Select the form, and in the Properties panel, click the Browse button next to the Action text box, select Point 13.html, target selection _blank.

Copy the entire code in the 11.html code area, open the 12.html file, select the Chinese area in the Design view, go to the code area, place the cursor in the <textarea name= "textarea" cols= "8" rows= Between the "><" of the textarea>, press CTRL + V to paste the code for the 11.html page.

After saving, press F12 to preview.