Skip to main content

HTML Tutorial 8

 <!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Forms and Input Tages</title>

</head>


<body>

    <H1> This is HTML Forms Tutorial</H1>

    <form action="rajendra.php"></form>


    <div>

        <label for="name">Name:</label>

        <input type="text" name="My Name" id="name">

    </div>

    <div>

        Mother's Name: <input type="text" name="Mother Name">

    </div>

    <div>

        Father's Name: <input type="text" name="Father Name">

    </div>

    <div>

        Date Of Birth: <input type="date" name="date of Birth">

    </div>

    <div>

        Email Id: <input type="email" name="" name="My Email">

    </div>

    <div>

        Mobile No: <input type="number" name="My Mobile number">

    </div>

    <div>

        You are: Male <input type="radio" name="gender"> Female <input type="radio" name="gender">

    </div>

    <div>

        <label for="your eligiblty">Are you Eligible? </label>

        <input type="checkbox" name="Eligiblty" id="your eligiblty">

    </div>

    <div>

        Agree: <input type="checkbox" select="Agree">

    </div>

    <div>Write about yourself: <br> <textarea name="my text" id="" cols="15" rows="5"></textarea></div>




    <div>

        <label for="discount">Discount</label>

        <select name="my discount" id="discount">

            <option value="yes">Yes</option>

            <option value="no" selected>No</option>

        </select>

    </div>


    <div>

        <input type="submit" value="Submit Now">

        <input type="reset" value="Reset Now">

    </div>




</body>


</html>

Comments

Popular posts from this blog

Side Navigation Bar CSS

 *{     background-color: #353b48; } body{     margin: 0px;     padding: 0px;     font-family: cursive; } .navbar{     position: absolute;     top: 50%;     transform: translateY(-50% ); }      .navbar a{     text-decoration: none;     display:block;     margin: 8px 0px;    padding: 8px;    width: 130px;    font-size: 22px;    /* background-color: #e74c3c; */    color: white;    margin-left: -100px;    border-radius: 10px;    transition: 0.6s; } .navbar a:hover{     margin-left: 0px; }

Web 2 Sign in

 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Sign Up window</title>     <style>         * {             box-sizing: border-box;         }         body {             /* justify-content: center; */             /* align-items: center; */             margin: 0px;             padding: 0px;             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;             color: black;             background-color: #e9faff;         }         .cont {   ...

Side Navigation Bar 1

 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Document</title>     <link rel="stylesheet" href="style.css"> </head> <body>     <div class="navbar">         <a href="#" style="background-color: #27ae60;">Home</a>         <a href="#" style="background-color: #c0392b;">About</a>         <a href="#" style="background-color: #ba21d8;">Gellary</a>         <a href="#" style="background-color: #2980b9;">Contact</a>     </div> </body> </html>