Web Page-Chapter 6 Forms. Inserting a Form Display the Insert bar Click the arrow to the right of...
-
Upload
arlene-goodwin -
Category
Documents
-
view
222 -
download
2
description
Transcript of Web Page-Chapter 6 Forms. Inserting a Form Display the Insert bar Click the arrow to the right of...
![Page 1: Web Page-Chapter 6 Forms. Inserting a Form Display the Insert bar Click the arrow to the right of the display category on the Insert bar and then.](https://reader035.fdocuments.us/reader035/viewer/2022062523/5a4d1adb7f8b9ab059974e9d/html5/thumbnails/1.jpg)
Web Page-Chapter 6Forms
![Page 2: Web Page-Chapter 6 Forms. Inserting a Form Display the Insert bar Click the arrow to the right of the display category on the Insert bar and then.](https://reader035.fdocuments.us/reader035/viewer/2022062523/5a4d1adb7f8b9ab059974e9d/html5/thumbnails/2.jpg)
Inserting a Form
Display the Insert bar Click the arrow to the right of the display
category on the Insert bar and then point to Forms on the Insert bar pop-up menu
Click Forms and then click the Form Button
![Page 3: Web Page-Chapter 6 Forms. Inserting a Form Display the Insert bar Click the arrow to the right of the display category on the Insert bar and then.](https://reader035.fdocuments.us/reader035/viewer/2022062523/5a4d1adb7f8b9ab059974e9d/html5/thumbnails/3.jpg)
To Set the Form Properties
Double click the Form name text box in the Property inspector. Type the name of the form and then press the TAB key
Type your e-mail address in the Action box Click the Target box arrow and select _self, and
then press the TAB key Type text/plain in the Enctype box and then
press Enter
![Page 4: Web Page-Chapter 6 Forms. Inserting a Form Display the Insert bar Click the arrow to the right of the display category on the Insert bar and then.](https://reader035.fdocuments.us/reader035/viewer/2022062523/5a4d1adb7f8b9ab059974e9d/html5/thumbnails/4.jpg)
To Insert a Table into a Form
Click inside the form (the dotted red outline) Click Insert on the menu bar and then point to Table Click Table Type the setting you want for the table Summarize the table in the Summary box Click OK Align the table where you want it
![Page 5: Web Page-Chapter 6 Forms. Inserting a Form Display the Insert bar Click the arrow to the right of the display category on the Insert bar and then.](https://reader035.fdocuments.us/reader035/viewer/2022062523/5a4d1adb7f8b9ab059974e9d/html5/thumbnails/5.jpg)
To Format the Form
Click the rows and columns you want to align them or set a specified width
Click table and apply border color if desired
![Page 6: Web Page-Chapter 6 Forms. Inserting a Form Display the Insert bar Click the arrow to the right of the display category on the Insert bar and then.](https://reader035.fdocuments.us/reader035/viewer/2022062523/5a4d1adb7f8b9ab059974e9d/html5/thumbnails/6.jpg)
To add to the Form
Use text fields to inset name, address, state, etc. Use check forms to allow reader to check what they want Use radio buttons to allow reader to choose only one
choice Use text area to insert comments, etc. Use jump menu to bring reader to an absolute link Use button to submit and reset a form
![Page 7: Web Page-Chapter 6 Forms. Inserting a Form Display the Insert bar Click the arrow to the right of the display category on the Insert bar and then.](https://reader035.fdocuments.us/reader035/viewer/2022062523/5a4d1adb7f8b9ab059974e9d/html5/thumbnails/7.jpg)
To Validate Form
Click on Window Click on Behaviors In files panel, click on Behaviors drop down
menu Choose Validate Form Validate each section if needed and choose
correct radio buttons
![Page 8: Web Page-Chapter 6 Forms. Inserting a Form Display the Insert bar Click the arrow to the right of the display category on the Insert bar and then.](https://reader035.fdocuments.us/reader035/viewer/2022062523/5a4d1adb7f8b9ab059974e9d/html5/thumbnails/8.jpg)
Let’s Create our Forms
IT’S FUN AND CREATES ANOTHER INTERESTING DYNAMIC TO YOUR WEB SITE!
LET’S CREATE!!