IT & Software Exam > IT & Software Videos > How to create Responsive Websites with DreamWeaver > Dreamweaver CS4 Tutorial - 21 - Introduction to Forms
Dreamweaver CS4 Tutorial - 21 - Introduction to Forms Video Lecture | How to create Responsive Websites with DreamWeaver - IT & Software
FAQs on Dreamweaver CS4 Tutorial - 21 - Introduction to Forms Video Lecture - How to create Responsive Websites with DreamWeaver - IT & Software
| 1. What is Dreamweaver CS4? |  |
Ans. Dreamweaver CS4 is a software program used for creating and designing websites. It provides a visual interface that allows users to easily create web pages without needing to write code manually.
| 2. How can I create a form in Dreamweaver CS4? | |
Ans. To create a form in Dreamweaver CS4, follow these steps:
1. Open Dreamweaver CS4 and create a new HTML document.
2. Click on the "Insert" menu and select "Form" from the dropdown menu.
3. Choose the desired form elements such as text fields, checkboxes, radio buttons, etc. from the form options panel.
4. Customize the form elements by adding labels, setting default values, and adjusting the layout.
5. Save the HTML document and preview it in a web browser to see the form in action.
| 3. How do I add form validation in Dreamweaver CS4? | |
Ans. To add form validation in Dreamweaver CS4, you can use JavaScript or server-side scripting languages like PHP. Here's a general approach:
1. Select the form element in Dreamweaver CS4.
2. Click on the "Behaviors" panel and choose "Validate Form" from the dropdown menu.
3. Configure the validation options such as required fields, minimum and maximum values, email format, etc.
4. Customize the error messages and styling to provide a better user experience.
5. Test the form validation by submitting the form with invalid data and verifying that the appropriate error messages are displayed.
| 4. Can I create a responsive form in Dreamweaver CS4? | |
Ans. Dreamweaver CS4 does not have built-in responsive design features, but you can manually create a responsive form using CSS media queries. Here's a general approach:
1. Wrap the form elements in a container div.
2. Apply CSS styles to the container div and form elements to make them responsive.
3. Use media queries to define different styles for different screen sizes.
4. Test the responsive form by previewing it in different devices or using responsive design testing tools.
| 5. How can I submit a form in Dreamweaver CS4? | |
Ans. To submit a form in Dreamweaver CS4, you need to set up a server-side script to handle the form data. Here's a general approach:
1. Open the HTML document containing the form in Dreamweaver CS4.
2. Set the form's action attribute to the URL of the server-side script that will process the form data.
3. Configure the form's method attribute to either "GET" or "POST" depending on your needs.
4. Create or use an existing server-side script (e.g., PHP, ASP, etc.) to handle the form data and perform any necessary actions.
5. Test the form submission by filling out the form and submitting it, then checking if the server-side script processes the data correctly.
Text Transcript from Video
in this tutorial I'm going to introduce
you guys to form basics whenever you go
to a web page and you enter in some data
like whenever you get a facebook you
type in your username and password or
whenever you go to google and you type
in something to search for you are using
what is called a form and forms are used
in web pages to get user input and
process that so in this tutorial what
I'm going to show you how to do is
create your own form that is going to
get a username and a password and it's
going to submit it to a file there's
some key concepts understand about how
forms work so you understand is out here
what's going on whenever you fill out
something and you submit it you're
sending it off to a server-side script
like a a JavaScript or some sort of PHP
code or some cold fusion or some asp a
server-side technology is going to take
your user input and it's going to
process it it's going to put it into a
database or just going to check it
against the database I'm just going to
do something with it and then it's going
to tell the the browser where to
continue from there so now that you
understand sort of what forms are used
for and and how they're used I'm going
to show you how to create your own we're
going to use Dreamweaver to to do this
and we're going to use the insert column
over here we're going to click on form
it pops up with with this window and it
gives us a few options of what we want
to do with our form the action is the
actual file that we are going to send
our data to in this tutorial I'm not
going to show you how to handle the data
I'm just going to show you how to build
the form to submit the data to a file so
the file that i'm going to type here
doesn't actually exist but in future
tutorials i will show you how to use PHP
to handle some form data so i'm just
going to say sample handler dot PHP and
there's two methods we can use here
there's the get method or the post
method the get method is used to
actually do assets get data and in this
tutorial we don't want to deal with
getting data we're going to deal with
actually posting data and what poaching
data does is just like it sounds it post
data to an action or to a file somewhere
to process it we're going to leave the
encoding type link for now we'll give it
a name of sample input I'm going to say
ok and I'm going to hit the return key a
few times so give some space and between
the closing and opening form tags and
you see here that it's given us an
action a method and a name so save this
and right now we have created the
foundation for a form there's nothing
inside of right now but this is the the
beginning step to creating a form so now
we want to enter some some pieces to
collect some data you can see here that
there are many different options on what
we want to use to collect our data from
the user in this specific example we are
going to use a text field
so you can see here that it pops up with
this window that gives us some options
on what we want to do and what we want
to use our text field for we can use it
as just text password the radio and
check box in an image file and hit those
doesn't matter for this specific example
so we're just going to leave text and
we're going to call this text field
username and i'm going to show you what
value is but usually you will leave you
will leave this blank but i'm going to
type this in just you can see this is a
value and what that's going to do is
it's going to put some text inside of
the text field itself when the page is
loaded you could say actually will say
enter enter username that way it will
tell the user what they need to do we're
going to give it a size of 30 and a max
length of 30 the max length that is used
to set a maximum of characters that are
able to be input into this specific text
field so we're going to say okay and we
can see that it is inserted this inside
of our form for us to use so now we're
going to repeat the same thing with with
a little twist so go and click on text
field again and it's your type this time
choose password and what that's going to
do is it's going to hide the text as
being typed inside of our text field so
we're going to give it a name of
password we're going to give a size of
30 again and we'll say a max length is
going to be 30 as well so what we have
here is two input form items one is of
type text and one of is of type password
so I'm going to save this I'm going to
run in our browser so you can see what's
going on here so you can see the value
is enter username and here is the
password
text field and you can type a pass over
10 it's going to be hitting so you can
just type some text and you can see that
that is hidden and so you can see that
we have our text fields but if the user
is just coming to this page they don't
know exactly what is going to be is
going to be done with these text fields
so we're going to give these a label I'm
going to take this value out right here
and I'm going to use the label button
over here click on label and then click
inside the opening tag for label on type
for and what this is going to do is
saying this is a label for user name so
what you do is you type in the name of
the input that you want to link this
label to in between the opening and
closing tag of label I'm going to type
username with a colon here and now I'm
going to repeat the same process for the
password i'm going to say label for
password and i'm going to put password
we're going to run this so we can see
what it looks like in a browser and now
we have created a form that allows us to
input a username with a password now we
have the text inputs and we have the
labels but we don't have a way to
actually say okay I'm done now I want to
submit so we need a button that's going
to allow us to submit this data to this
action right here and I'm going to add
some break tags in between these two
inputs so we can move them down the line
just going to put one break tag just
right there and then I'm going to also
put one after the password input and now
i'm going to go over here to button and
i'm going to make this type a submit and
we don't need to give it a name or a
value I guess we could get a value we
could say submit data if you don't give
it a value of the default value is going
to be submit query but we're just going
to leave it I submit data so I'm going
to save that I'm going to run it and now
we have a form that allows us to put in
a user name and it allows us to put in a
password and it also allows us to submit
it to a file that doesn't exist right
now but if this file did exist it would
have some PHP code inside of it to
handle the data that we submitted and
that is all the time I have for this
tutorial continue watching and we will
go through some more form elements and
we will check out exactly what can be
done with some more advanced form
elements other than text fields
you guys to form basics whenever you go
to a web page and you enter in some data
like whenever you get a facebook you
type in your username and password or
whenever you go to google and you type
in something to search for you are using
what is called a form and forms are used
in web pages to get user input and
process that so in this tutorial what
I'm going to show you how to do is
create your own form that is going to
get a username and a password and it's
going to submit it to a file there's
some key concepts understand about how
forms work so you understand is out here
what's going on whenever you fill out
something and you submit it you're
sending it off to a server-side script
like a a JavaScript or some sort of PHP
code or some cold fusion or some asp a
server-side technology is going to take
your user input and it's going to
process it it's going to put it into a
database or just going to check it
against the database I'm just going to
do something with it and then it's going
to tell the the browser where to
continue from there so now that you
understand sort of what forms are used
for and and how they're used I'm going
to show you how to create your own we're
going to use Dreamweaver to to do this
and we're going to use the insert column
over here we're going to click on form
it pops up with with this window and it
gives us a few options of what we want
to do with our form the action is the
actual file that we are going to send
our data to in this tutorial I'm not
going to show you how to handle the data
I'm just going to show you how to build
the form to submit the data to a file so
the file that i'm going to type here
doesn't actually exist but in future
tutorials i will show you how to use PHP
to handle some form data so i'm just
going to say sample handler dot PHP and
there's two methods we can use here
there's the get method or the post
method the get method is used to
actually do assets get data and in this
tutorial we don't want to deal with
getting data we're going to deal with
actually posting data and what poaching
data does is just like it sounds it post
data to an action or to a file somewhere
to process it we're going to leave the
encoding type link for now we'll give it
a name of sample input I'm going to say
ok and I'm going to hit the return key a
few times so give some space and between
the closing and opening form tags and
you see here that it's given us an
action a method and a name so save this
and right now we have created the
foundation for a form there's nothing
inside of right now but this is the the
beginning step to creating a form so now
we want to enter some some pieces to
collect some data you can see here that
there are many different options on what
we want to use to collect our data from
the user in this specific example we are
going to use a text field
so you can see here that it pops up with
this window that gives us some options
on what we want to do and what we want
to use our text field for we can use it
as just text password the radio and
check box in an image file and hit those
doesn't matter for this specific example
so we're just going to leave text and
we're going to call this text field
username and i'm going to show you what
value is but usually you will leave you
will leave this blank but i'm going to
type this in just you can see this is a
value and what that's going to do is
it's going to put some text inside of
the text field itself when the page is
loaded you could say actually will say
enter enter username that way it will
tell the user what they need to do we're
going to give it a size of 30 and a max
length of 30 the max length that is used
to set a maximum of characters that are
able to be input into this specific text
field so we're going to say okay and we
can see that it is inserted this inside
of our form for us to use so now we're
going to repeat the same thing with with
a little twist so go and click on text
field again and it's your type this time
choose password and what that's going to
do is it's going to hide the text as
being typed inside of our text field so
we're going to give it a name of
password we're going to give a size of
30 again and we'll say a max length is
going to be 30 as well so what we have
here is two input form items one is of
type text and one of is of type password
so I'm going to save this I'm going to
run in our browser so you can see what's
going on here so you can see the value
is enter username and here is the
password
text field and you can type a pass over
10 it's going to be hitting so you can
just type some text and you can see that
that is hidden and so you can see that
we have our text fields but if the user
is just coming to this page they don't
know exactly what is going to be is
going to be done with these text fields
so we're going to give these a label I'm
going to take this value out right here
and I'm going to use the label button
over here click on label and then click
inside the opening tag for label on type
for and what this is going to do is
saying this is a label for user name so
what you do is you type in the name of
the input that you want to link this
label to in between the opening and
closing tag of label I'm going to type
username with a colon here and now I'm
going to repeat the same process for the
password i'm going to say label for
password and i'm going to put password
we're going to run this so we can see
what it looks like in a browser and now
we have created a form that allows us to
input a username with a password now we
have the text inputs and we have the
labels but we don't have a way to
actually say okay I'm done now I want to
submit so we need a button that's going
to allow us to submit this data to this
action right here and I'm going to add
some break tags in between these two
inputs so we can move them down the line
just going to put one break tag just
right there and then I'm going to also
put one after the password input and now
i'm going to go over here to button and
i'm going to make this type a submit and
we don't need to give it a name or a
value I guess we could get a value we
could say submit data if you don't give
it a value of the default value is going
to be submit query but we're just going
to leave it I submit data so I'm going
to save that I'm going to run it and now
we have a form that allows us to put in
a user name and it allows us to put in a
password and it also allows us to submit
it to a file that doesn't exist right
now but if this file did exist it would
have some PHP code inside of it to
handle the data that we submitted and
that is all the time I have for this
tutorial continue watching and we will
go through some more form elements and
we will check out exactly what can be
done with some more advanced form
elements other than text fields
Related Exams
About this Video
|
4.66/5 Rating |
|
Nov 22, 2024 Last updated |
Video Description: Dreamweaver CS4 Tutorial - 21 - Introduction to Forms for IT & Software 2024 is part of How to create Responsive Websites with DreamWeaver preparation.
The notes and questions for Dreamweaver CS4 Tutorial - 21 - Introduction to Forms have been prepared according to the IT & Software exam syllabus.
Information about Dreamweaver CS4 Tutorial - 21 - Introduction to Forms covers all important topics for IT & Software 2024 Exam.
Find important definitions, questions, notes, meanings, examples, exercises and tests below for Dreamweaver CS4 Tutorial - 21 - Introduction to Forms.
Introduction of Dreamweaver CS4 Tutorial - 21 - Introduction to Forms in English is available as part of our How to create Responsive Websites with DreamWeaver for IT & Software & Dreamweaver CS4 Tutorial - 21 - Introduction to Forms in
Hindi for How to create Responsive Websites with DreamWeaver course. Download more important topics related with notes, lectures and mock test series for
IT & Software Exam by signing up for free.
Description
Video Lecture & Questions for Dreamweaver CS4 Tutorial - 21 - Introduction to Forms Video Lecture | How to create Responsive Websites with DreamWeaver - IT & Software - IT & Software full syllabus preparation | Free video for IT & Software exam to prepare for How to create Responsive Websites with DreamWeaver.
Information about Dreamweaver CS4 Tutorial - 21 - Introduction to Forms
Here you can find the meaning of Dreamweaver CS4 Tutorial - 21 - Introduction to Forms defined & explained in the simplest way possible.
Besides explaining types of Dreamweaver CS4 Tutorial - 21 - Introduction to Forms theory, EduRev gives you an ample number of questions to practice Dreamweaver CS4 Tutorial - 21 - Introduction to Forms tests,
examples and also practice IT & Software tests.
|
Explore Courses for IT & Software exam
|
|
Signup for Free!
Signup to see your scores go up within 7 days! Learn & Practice with 1000+ FREE Notes, Videos & Tests.
Related Searches
ppt
,Dreamweaver CS4 Tutorial - 21 - Introduction to Forms Video Lecture | How to create Responsive Websites with DreamWeaver - IT & Software
,study material
,Objective type Questions
,MCQs
,past year papers
,Exam
,Important questions
,Summary
,Dreamweaver CS4 Tutorial - 21 - Introduction to Forms Video Lecture | How to create Responsive Websites with DreamWeaver - IT & Software
,video lectures
,Extra Questions
,practice quizzes
,Viva Questions
,Free
,shortcuts and tricks
,Semester Notes
,mock tests for examination
,Previous Year Questions with Solutions
,Dreamweaver CS4 Tutorial - 21 - Introduction to Forms Video Lecture | How to create Responsive Websites with DreamWeaver - IT & Software
,Sample Paper
;
Study Dreamweaver CS4 Tutorial - 21 - Introduction to Forms on the App
Students of IT & Software can study Dreamweaver CS4 Tutorial - 21 - Introduction to Forms alongwith tests & analysis from the EduRev app,
which will help them while preparing for their exam. Apart from the Dreamweaver CS4 Tutorial - 21 - Introduction to Forms,
students can also utilize the EduRev App for other study materials such as previous year question papers, syllabus, important questions, etc.
The EduRev App will make your learning easier as you can access it from anywhere you want.
The content of Dreamweaver CS4 Tutorial - 21 - Introduction to Forms is prepared as per the latest IT & Software syllabus.
|
© EduRev
|
Education Revolution
|
Follow Us
|
Signup to see your scores
go up within 7 days!
Access 1000+ FREE Docs, Videos and Tests
Takes less than 10 seconds to signup