Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In Dreamweaver CS3 Essential Training, instructor Garrick Chow delves into the many powerful features of the latest version of this powerful web design application. He covers everything from the simplest basics of using Dreamweaver CS3 to applying it to develop a fully interactive, accessible site. Garrick explains the new interface features, and demonstrates how to create, edit, manage, design, and publish a professional website with Dreamweaver CS3 and complementary applications. Exercise files accompany the training.
Once you've created your form, and added all the necessary form fields, the last thing you should do is add two very important buttons. First of all, it's a courtesy to include a clear form button, or a reset form button, which allows users who might have totally screwed up filling out you form to just clear out at all the fields and just start fresh. It's not a necessity to add a reset button, but it's just a nice thing to have. The other button that you absolutely need is a submit form button. A form is ultimately useless if you don't send the data anywhere. To get your form to actually do anything, you need to add the submit button to have the user's data sent to the program that's processing your form information. And then once that information is there, then that program can do whatever it has been programmed to do, whether it's email you the data, or save that data to a database. So let's take a look at how to do this. I've got my cursor in the cell underneath the last one we were working in. And up in Forms area if the Insert bar, I'm going choose the Button object. I'm not going to bother with a Label here, I've got No label tag selected. I'm just going to click on OK.
And notice the button that appears here is Submit. I'm going to call this button reset, and the Value is what actually appears on the button. I'm going to type Clear Form. And you can see that I can choose the action for Reset form. There's my Clear Form button. And if I save my page, I can instantly test this by opening up my browser, typing some information in here, checking some boxes, Radio buttons, selecting from the menu, picking a couple of items here.
And now if I click the Clear Form button, sure enough it sets everything back to the way was when I first opened the page. Okay, so that's how we set up the reset form button. Now I'll create my submit form button. I'm going to hit my spacebar once, and we'll add another button. Again, I'm not going to bother with a label, just Cancel out of that. And I'll just call this Submit. And I just like my buttons to be little bit more clear, so I'm going to call this Submit Form. And the Action here is Submit form. And that's all there is to that. Now you might have noticed that there's no information in the Property inspector asking you where this form should be submitted to. And that's because that information is not stored with a submit button itself. That's actually stored with the form tag. So if I come in here somewhere in my form, follow my tree of tags all the way to the form tag, I'm going to click and select that. Now I can see the form information in my Property inspector. And it's in the Action field where we enter the information of where the form script is located.
The script that processes the form information. And commonly that looks something like http://www.teacloud.com/cgi-bin, which is the folder that contains sometimes the cgi script that processes the form. What you put in the Action field is going to totally depend on what the person who designed the script tells you to put in this Action field. So be sure to get together with the person who is helping you with the script to figure out what's going to go in here. They'll also tell you whether you're supposed to select GET or POST for the Method. But that's pretty much it to creating a Submit Form button. Just click the Button object up here, make sure its value is set to Submit form, type in a Value for button itself. And that's it. And at this point, you work is pretty much done.
I've got these two table rows I don't need. I'll just select them, hit Delete. And if I'm happy with the way my form looks, now I just need to tell my programmer who's doing my forms processing script that I'm ready to get together with him, and we can start getting this form working with the server-side script.
There are currently no FAQs about Dreamweaver CS3 Essential Training.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.