What Is My Future? What Can I Do?

king007

Published: 28 Jun 2018 › Updated: 28 Jun 2018 What Is My Future? What Can I Do?

What Is My Future? What Can I Do?

I've been learning web design for a while. I've been doing some regular classes and learning from there very well. In view of this, I have created an input form.

The code I did to create the import form.

<!DOCTYPE html>

<html>
    
    <head>
        <title>This is a form</title>
        <link rel="stylesheet" href="form.css"/>
        <link rel="icon" href="img/myicon.png">
    </head>
    <body>
        <form>
        
        
        
            <fieldset>
            <legend>Input Form</legend>
        
            First name:<br>
            <input type="text" name="First name" placeholder="First name"><br><br>
            
            Last name:<br>
            <input type="text" name="Last name" placeholder="Last name"><br><br>
            
            Email:<br>
            <input type="email" name="Email" placeholder="Email"><br><br>
            
            Password:<br>
            <input type="password" name="Password" placeholder="Password"><br><br>
            
            Gender:<br>
            <input type="radio" name="gender" checked>Male
            <input type="radio" name="gender">Female<br><br>
            
            
            Birth date:<br>
            <input type="date" min="1990-01-01" max="2010-12-31"><br><br>
            
            Age:<br>
            <input type="number" value="18" min="10" max="50"><br><br>
            
            Favourite color:<br>
            <input type="color"><br><br>
            
            Upload a picture:<br>
            <input type="file"><br><br>
            
            Address:<br>
            <textarea>Type your full address</textarea><br><br>
            
            
            Country:
            <select name="country">
                <option>USA</option>
                <option selected>Bangladesh</option>
                <option>Canada</option>
                <option>India</option>
                <option>Pakistan</option>
            </select><br><br>
            
            
            <input type="submit">
            <input type="reset">
    
        </form>
    
    </body>
</html>

And the styles that are given in the input form are given.


body{
    width:960px;
    margin:0 auto;
}

form{
    width:400px;
    margin:0 auto;
}

input{
    font-weight:bold;
    border:1px solid green;
    border-radius:5%;
}

textarea{
    color:blue;
    font-style:italic;
}

input[type=submit]{
    width:100px;
    height:40px;
    color:red;
    padding:5px;
}

input[type=reset]{
    width:100px;
    height:40px;
    color:red;
    padding:5px;
}

****What is my job, tell through the comments.****
Thanks for reading.

Follow Me @king007

For Manna Coin Clic Here

Join DLive

source

Leave What Is My Future? What Can I Do? to:

Written by Mr. Parfect

Best Posts From Mr. Parfect

We have not curated any of king007's posts yet. But you can encourage our curation team to review posts by visiting them regularly and by referring other readers. Because we give priority to frequently read content.

What Is My Future? What Can I Do?