Scribd Logo
Upload

Welcome to Scribd!

  • Creation of Web Form: HTML Head Title Title Style

    Uploaded by

    Geeta Dalvi
    22 views4 pages
    The document contains code for creating two web forms - a sign up form and a login form. The sign up form contains fields for name, email, password, mobile number, current city, and a file upload field. The login form contains fields for email/username and password, and a link to login with OTP. Both forms have basic styling applied for formatting inputs, buttons, and containers.

    Original Description:

    Original Title

    manish

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains code for creating two web forms - a sign up form and a login form. The sign up form contains fields for name, email, password, mobile number, current city, and a file upload field. The login form contains fields for email/username and password, and a link to login with OTP. Both forms have basic styling applied for formatting inputs, buttons, and containers.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    22 views4 pages

    Creation of Web Form: HTML Head Title Title Style

    Uploaded by

    Geeta Dalvi
    The document contains code for creating two web forms - a sign up form and a login form. The sign up form contains fields for name, email, password, mobile number, current city, and a file upload field. The login form contains fields for email/username and password, and a link to login with OTP. Both forms have basic styling applied for formatting inputs, buttons, and containers.

    Copyright:

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

    <html>

        <head>
            <title>creation of web form</title>

            <style>
                input[type=text],select{
                    width:100%;
                    padding:12px 20px;
                    margin: 4px 0;
                    border: 1 px solid wheat;
                }
                input[type=submit]{
                    width:40%;
                    background-color:blue;
                    color:White;
                    padding: 12px,20px;
                    margin:8px 0;
                    border:none;

                }
                div{
                    width:40%;
                    border-radius: 5px;
                    padding: 30px;
                }

                input[type=submit]:hover{
                    background-color: indigo;
                }
                input[type=number],select{
                    width:100%;
                    padding: 12px 20px;
                }
                input[type=password],select{
                    width:100%;
                    padding: 12px,20px;    
                }

            </style>
        </head>
        <body>
            <div class="cointainer">
                <h1 id="tittle"><font color=blue>Sign up</h1><br></font>
            </div>
            <form>    
            <div>
             Name<input type="text" name="txtusername" placeholder="Full name" />
            Email Id<input type="text" name="txtemailId" placeholder=" Email id"/>
    <br><br>
            Password<br><input type="password"placeholder="     Password"/><br><br
    >
            Mobile number<br><input type="number"placeholder="Contact number"/><br
    ><br>
            Current City<input type="text"placeholder=" Your current city"/><br>
            Select file:<input type="file" id="files"/><br>
            <input type="submit" value="SUBMIT"/>
            </div>  
            </form>
        </body>
    </html>
    <html>
        <head>
            <title>creation of login form</title>

            <style>
                input[type=text],select{
                    width:100%;
                    padding:12px 20px;
                    margin:8px 0;
                    border:1 px solid wheat;
                }
                input[type=submit]{
                    width:40%;
                    background-color:blue;
                    color:White;
                    padding:14px,20px;
                    margin:8px 0;
                    border:none;

                }
                div{
                    width:40%;
                    border-radius: 5px;
                    
                    padding: 20px;
                }

                input[type=submit]:hover{
                    background-color: indigo;
                }
                input[type=password]{
                    width:50%;
                    padding: 10px;

                }

            </style>
        </head>
        <body>
            <div class="cointainer">
                <h1 id="tittle"><font color=blue>Login</h1><br></font>
            </div>
            <form>
                
            <div>
            Email Id/Username<input type="text" name="txtemailId" placeholder="Ent
    er Email ID/Username"/>
            password<br><input type="password" placeholder="Enter password"/><br>
            <input type="submit" value="SUBMIT"/><br>
            <a href="#">Use OTP to Login</a>
            </div>
                 
            </form>
        </body>
    </html>

    You might also like