Dreevoo.com | Online Learning and Knowledge Sharing
 
Home | Programs | Adobe Dreamweaver | Create a simple Dreamweaver form
Guest
Click to view your profile
Topics
Programs
Languages
Recipes
Home
Shortcuts
 
 

Create a simple Dreamweaver form

In this lesson we will create a simple form where visitors can enter the name, e-mail address and send it to a specific address.

 
  Author: bole | Version: CS5 | 5th November 2013 |  
 
 
1.
 

Open Dreamweaver and create new document.

 
 
2.
 

Click Forms.

 
 
3.
 

Click Form icon.

 
 
4.
 

The red box shows up. This is a field for entering data.

 
 
5.
 

Now we will add a box for entering an user name.

Click Text Field icon.

 
 
6.
 

In Label enter Username and click OK.

If Dreamweaver asks you "Add tag from?" then you are not staying in the box with the red line, so you have to repeat the process.

 
 
7.
 

First input field is created.

Now press ENTER to move to the next line.

 
 
8.
 

Click on the Text Field icon again. In Label field enter E-mail and click OK.

 
 
9.
 

We have created the second input field.

Press ENTER to move to the next line.

 
 
10.
 

Click Button icon. This time you don’t enter anything in the Label field.

Click
OK.

 
 
11.
 

The button is created.

Click on the button.

 
 
12.
 

In the Value field enter “Send”. 

 
 
13.
 

Button has been renamed.

Now select first input field (Username).

 
 
14.
 

In TextField field enter “user".

Now repeat the procedure for the second input field, only this time in the TextField filed enter “e-mail”.

 
 
15.
 

Click View and select Code.

 
 
16.
 

HTML code opens.

Find a sentence where it says method = "post" action = "" and move between the quotes at the action command.

 
 
17.
 

Now enter between the quotes mailto:brodjan.brotta@gmail.com. Use your E-mail account.

 
 
18.
 

Click View and select Design.

 
 
19.
 

You are in the design mode again.

Now click File and select Save to save your work. Shorcut is Ctrl + S.

 
 
20.
 

Press F12 to see your result in a browser.

Of course you can redesign the form as you wish.

 
 
 
   
  Please login to post a comment
  Click to open user profile  
2048 cupcakes, 15th Jul 2024, 5:34 AM
Hello everyone, nice to meet you. Do you want to try playing
[URL=https://webecomewhatwebehold.io]we become what we behold[/URL] ? Play with me, it's great.

 
 
  Click to open user profile  
2048 cupcakes, 15th Jul 2024, 5:35 AM
Hello everyone, nice to meet you. Do you want to try playing we become what we behold ? Play with me, it's great.
 
 
  Click to open user profile  
nazareta, 15th Jul 2024, 10:25 AM
Hi there! I play at different online casinos, but https://crown155casino.com/ stands out from the rest crown155 australia. High-quality games from leading developers, a user-friendly interface, and an excellent mobile version make the game even more enjoyable. Live dealers add excitement and a real casino atmosphere.
 
 
  Click to open user profile  
lanaderay, 17th Jul 2024, 4:21 AM
I'm so grateful you took the time to write this. It helped me a lot in my work/study. Play game https://bous-revenge.io free.
 
   
 
 
online learning made for people
Dreevoo.com | CONTRIBUTE | FORUM | INFO