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

HTML Tutorial 9

 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Inline & Block Elements</title> </head> <body>      </body> </html>

CSS Tutorial 24

 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>CSS Display Property</title>     <style>         *{             box-sizing: border-box;         }         header {             margin: auto;             border: 2px solid firebrick;             /* width: 30%; */         }         img {             /* display: inline; this is most property display inline, block and inline block */             /* if you select display inline so...... you do not set width but */             /* you select displ...

HTML Tutorial 5

 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Heading Paragraphs and Emmet</title> </head> <body> <h1>Heading 1 for Rajendra </h1>     <h2>Heading 2 for Rajendra </h2>     <h3>Heading 3 for Rajendra </h3>    <!-- if you need some example world so you use loram12 for 12 words --> <p> • Incompatible: the chosen fixed size may be too large for a user's available live space, causing the user to scroll in order to view the whole page; a fixedWeb page may also appear too small, leaving unsightly blank spaces.     <!-- <br> tag use for a line break or line change and it is self closing tags -->     <br>• Totalitarian: the Web does not want to run the risk of being under too mu...