$type=carousel$cols=3$cate=0$date=1

Create Login Page with HTML5

Here I am are going to create a login page using the newly added features of HTML5. Let us also decorate a little bit to the login form wi...

Here I am are going to create a login page using the newly added features of HTML5. Let us also decorate a little bit to the login form with CSS to make it look nice and beautiful. So, lets begin with the code as below:

HTML CODE
  <html>
     <body>

    <section class="loginform cf">
     <form name="login" action="index_submit" method="get" accept-charset="utf-8">
    <ul>
        <li><label for="usermail">Email</label>
        <input type="email" name="usermail" placeholder="[email protected]" required></li>
        <li><label for="password">Password</label>
        <input type="password" name="password" placeholder="password" required></li>
        <li>
        <input type="submit" value="Sign in"></li>
     </ul>
    </form>
   </section>

    </body>

  </html> 

CSS CODE
  .loginform input[type=submit] {
    border: 1px solid #219d17;
    background: #219d17;
    color: #fff;
    padding: 5px 15px;
    margin-right: 0;
    margin-top: 15px;
    border-radius: 3px;
 
    }
 
        .loginform input:not([type=submit]) {
    padding: 5px;
    margin-right: 10px;


    }
        label {
    display: block;
    color: #999;
    }

        .loginform ul {
    padding: 0;
    margin: 0;
    }
 
    .loginform li {
    display: inline;
    float: left;
    }
     
        html {
    background: none;
    font-size: 12px;
    } 


RESULT







END...

COMMENTS

Name

css,17,html,7,php,2,python,1,tech,18,
ltr
item
iWriteLess Tech Blog: Create Login Page with HTML5
Create Login Page with HTML5
iWriteLess Tech Blog
http://www.iwriteless.com/2015/12/create-login-page-with-html5.html
http://www.iwriteless.com/
http://www.iwriteless.com/
http://www.iwriteless.com/2015/12/create-login-page-with-html5.html
true
2724151228810149585
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy