Scribd Logo
Upload

Welcome to Scribd!

  • 8 views

    WT Experiment 3

    Uploaded by

    derss
    This document discusses designing a login form using HTML, CSS, and JavaScript with client-side validations. It explains various form elements like name, action, method, and input types that can be used to create a login form. The code sample provided shows how to create a basic login form with fields for username and password along with submit and sign up buttons, and includes JavaScript functions to submit the form and redirect to a sign up page.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    WT Experiment 3

    Uploaded by

    derss
    8 views3 pages
    This document discusses designing a login form using HTML, CSS, and JavaScript with client-side validations. It explains various form elements like name, action, method, and input types that can be used to create a login form. The code sample provided shows how to create a basic login form with fields for username and password along with submit and sign up buttons, and includes JavaScript functions to submit the form and redirect to a sign up page.

    Original Description:

    html css expt

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document discusses designing a login form using HTML, CSS, and JavaScript with client-side validations. It explains various form elements like name, action, method, and input types that can be used to create a login form. The code sample provided shows how to create a basic login form with fields for username and password along with submit and sign up buttons, and includes JavaScript functions to submit the form and redirect to a sign up page.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    8 views3 pages

    WT Experiment 3

    Uploaded by

    derss
    This document discusses designing a login form using HTML, CSS, and JavaScript with client-side validations. It explains various form elements like name, action, method, and input types that can be used to create a login form. The code sample provided shows how to create a basic login form with fields for username and password along with submit and sign up buttons, and includes JavaScript functions to submit the form and redirect to a sign up page.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 3

    Web Technology Lab

    Course Code:
    CSL501
    IDE Used:- VS code
    Language:- HTML, CSS,
    Javascript.

    Theory:
    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.
    The action tag defines the action, and the browser will take action to tackle the
    form when it is submitted. Here, we have taken no action.
    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.
    The input type tag defines the type of inputs we want to create in our form.
    Here, we have used the input type as 'text', which means we will input values
    as text in the textbox. Yet, we have taken the input type as 'password' and the
    input value will be the password.
    Next, we have taken the input type as 'button' where on clicking, we get the
    value of the form and get displayed. Other than action and methods, there are
    the foAim: Design Form using javascript/HTML/JQuery with client-side
    validations on the selected
    problem
    statement.

    Following useful methods also which are provided by the HTML Form
    Element

    submit(): The method is used to submit the


    form.
    reset(): The method is used to reset the form
    values.
    Code:
    <html>
    <head>
    <title> Login
    Form</title>
    </head>
    <body>
    <h3> LOGIN </h3>
    <form form ="Login_form"
    onsubmit="submit_form()">
    <h4>USERNAME</h4>
    <input type="text" placeholder="Enter your email
    id"/>
    <h4>PASSWORD</h4>
    <input type="password" placeholder="Enter your
    password"/></br></br>
    <input type="submit" value="Login"/>
    <input type="button" value="SignUp"onClick="create()"/>
    </form>
    <script>
    type="text/javascript">
    function
    submit_form(){
    alert("Login
    successfully");
    }
    function create(){
    window.location="signup.html
    ";
    }
    </script>
    </body>
    </html>

    You might also like