Scribd
Upload
8 views

CSS microproject

This document is a tutorial on JavaScript forms, explaining their structure, usage, and implementation for various purposes. It covers form elements, attributes, and provides a sample HTML code for a registration form. The conclusion emphasizes the importance of forms in enhancing user experience and optimizing business operations.

Uploaded by

forcourselogin
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
8 views

CSS microproject

This document is a tutorial on JavaScript forms, explaining their structure, usage, and implementation for various purposes. It covers form elements, attributes, and provides a sample HTML code for a registration form. The conclusion emphasizes the importance of forms in enhancing user experience and optimizing business operations.

Uploaded by

forcourselogin
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 11

INDEX :-

ABSTRACT :-

In this tutorial, we will learn, discuss, and understand the


JavaScript form. We will also see the implementation of
the JavaScript form for different purposes.

Here, we will learn the method to access the form,


getting elements as the JavaScript form's value, and
submitting the form.
INTRODUCTION

Web forms are one of the main points of interaction between a user
and a website or application. Forms allow users to enter data, which is
generally sent to a web server for processing and storage (see Sending
form data later in the module), or used on the client-side to
immediately update the interface in some way (for example, add
another item to a list, or show or hide a UI feature).

A web form's HTML Is made up of one or more form controls


(sometimes called widgets), plus some additional elements to help
structure the overall form — they are often referred to as HTML forms.
The controls can be single or multi-line text fields, dropdown boxes,
buttons, checkboxes, or radio buttons, and are mostly created using the
<input> element, although there are some other elements to learn
about too.
TOPIC EXPLAIN

o Form name tag is used to define the name of the form. The name
of the form here is "Login_form". This name will be referenced in
the JavaScript form.
o The action tag defines the action, and the browser will take to
tackle the form when it is submitted. Here, we have taken no
action.
o The method to take action can be either post or get, which is used
when the form is to be submitted to the server. Both types of
methods have their own properties and rules.
o The input type tag defines the type of inputs we want to create in
our form. Here, we have used input type as 'text', which means
we will input values as text in the textbox.
o Net, we have taken input type as 'password' and the input value
will be password.
o Next, we have taken input type as 'button' where on clicking, we
get the value of the form and get displayed.
Source Code

<Html>
<head>
<title>
Registration Page
</title>
</head>
<body bgcolor="DarkTurquoise">
<br>
<br>
<form>

<label> Firstname : </label>


<input type="text" name="firstname" size="15"/> <br>
<br>
<label> Middlename : </label>
<input type="text" name="middlename" size="15"/> <br>
<br>
<label> Lastname : </label>
<input type="text" name="lastname" size="15"/> <br>
<br>

<label>
Course :
</label>
<select>
<option value="Course">Choose Course</option>
<option value="Diploma">Diploma</option>
<option value="BCA">BCA</option>
<option value="BBA">BBA</option>
<option value="B.Tech">B.Tech</option>
<option value="MBA">MBA</option>
<option value="MCA">MCA</option>
<option value="M.Tech">M.Tech</option>
</select>
<br>
<br>
<label>
Gender :
</label><br>
<input type="radio" name="male"/> Male <br>
<input type="radio" name="female"/> Female <br>
<input type="radio" name="other"/> Other
<br>
<br>

<label>
Phone No :
</label>
<input type="text" name="country code" value="+91"
size="2"/>
<input type="text" name="phone" size="10"/> <br> <br>
Address
<br>
<textarea cols="80" rows="5" value="address">
</textarea>
<br> <br>
Email:
<input type="email" id="email" name="email"/> <br>
<br>
Password:
<input type="Password" id="pass" name="pass"> <br>
<br>
Re-type password:
<input type="Password" id="repass" name="repass"> <br>
<br>
<input type="button" value="Submit"/>
<input type="button" value="Reset"/>
</form>
</body>
</html>
OUTPUT :-
RESULT :
FUTURE SCOPE

The predictions of a software developer who’s


seen the language evolve for the past 17
years. What’s in our near future and what will
happen 20 or more years from now?

JavaScript is everywhere these days, and I’m


not just talking about front-end (browsers) vs
back-end (Node and Deno), I’m talking
mobile, desktop and even hybrid apps as well.
This has led it to become one of the most
wanted job skills of 2020
REFRENCE

• Google
• Notepad
• Cammond prompt
• Jdk
CONCLUSION

Forms give visitors a better experience and help you gather information
necessary to operating or growing your business. Through forms, you
can eliminate back-office paperwork, deliver better customer service,
and optimize your business in myriad ways.
Forms give visitors a better experience and help you gather information
necessary to operating or growing your business. Through forms, you
can eliminate back-office paperwork, deliver better customer service,
and optimize your business in myriad ways.

You might also like