In this video we start to design a web form.

HTML Code: http://pastebin.com/Lt6u5Lc9

source

19 Comments

  1. My form:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Form</title>
    </head>
    <style>
    body {
    background-color:#00aa00;
    font-size: 25px;
    }
    fieldset {
    border-color:#000;
    border-style: inset;
    border-width: 8px;
    border-radius: 25px;

    }
    span {
    color:blue;
    }
    divForm {
    color: black;
    position: absolute;

    left: 20%;
    right: 20%;

    }

    img{
    width: 75px;
    height: 70px;
    }
    </style>
    <body >
    <divForm align= center >
    <p> <h1> Random Form </h1> </p>
    <form action= "#" method=POST autocomplete=off>
    <fieldset>
    <legend><h3>Please Fill The Form</h3></legend>

    <label for="Email Address">Email Address:</label> <Input id="Email Address"type= "email" placeholder= "Email Adress" required/><br>

    <label for="Username">Username:</label> <Input id="Username"type= "text" placeholder= "Username" required/><br>

    <label for="Password">Password</label> <Input id="Password"type= "Password" placeholder= "Password" required/> <br>

    <label for="Confirm Password">Confirm Password</label> <Input id="Confirm Password"type= "Password" placeholder= "Confirm Password"required/><br>

    <label>Gender:</label> <Input type= "Radio" name="gender" value="Male" required/> Male

    <Input type= "Radio" name="gender" value="Female"/> Female <br />

    <label>BirthDate:</label> <Input type="Date"/><br>
    Any messages can go here: <br />
    <input type= "text" name="Subject" placeholder="Subject"/> <br />
    <textarea name="message" rows=15 cols=50 placeholder="Enter Text"></textarea> <br />
    <Input type= "Submit" value= Submit><br />
    <divMedia>
    My Youtube Channel: <br />
    <a href="https://www.youtube.com/channel/UC_SURtOcrIETTvbqnJAh-Sw"><img src="https://redoma.com/sites/default/files/news/YouTube-avatar-generic%20%2811%29.png" alt="Youtube Icon" /></a>
    </div>
    </fieldset>
    <span>>>>></span> <a href="#"> Terms And Conditions My Ass</a> <span><<<<</span>

    </div>

    </body>
    </html>

  2. My brother humiliated my html knowledge and said that even child can code in html in U.S( I am from nepal) and said you have no knowledge about CSS, Thank you so much EJ Media, now I can say him even I can code in CSS…..

  3. I did everything verbatim to what you did.  In viewing the work in Chrome everything appeared fine.  But in IE 10, the labels were situated down and some time below the text box.  Is there anything that I can add to repair this?  Great videos.  Thanks

  4. I personally don't think that there is a man in the world, who needs to watch this kind of videos but uses only notepad. It's not a homecooking topic, really. The videos are more than great, but they would be even more watchable if you use at least code higlighting editor. Thank you.

Leave A Reply

Please enter your comment!
Please enter your name here