大气注册登记页面HTML源码下载

rbq 2019-12-10 1,533 阅读

代码部署教程

1. 引入CSS

<link href="css/style.css" rel='stylesheet' type='text/css'/>
<link rel="stylesheet" href="css/font-awesome.css">

<link href="//fonts.googleapis.com/css?family=Cuprum&subset=latin-ext" rel="stylesheet">

2. HTML代码

<h1>
Flat Register Form</h1>

<div class="main-agile">

<div class="content-wthree">

<h2>

Register Now</h2>

<form action="#" method="post">

<div class="w3l-forming">

<i class="fa fa-user" aria-hidden="true">

</i>

<input type="text" class="name" name="name" placeholder="Your Name" required="">

</div>

<div class="w3l-forming">

<i class="fa fa-envelope-o" aria-hidden="true">

</i>

<input type="email" class="email" name="eamil" placeholder="E-mail" required="">

</div>

<div class="w3l-forming">

<i class="fa fa-phone" aria-hidden="true">

</i>

<input type="text" class="name" name="name" placeholder="Phone Number" required="">

</div>

<div class="w3l-forming">

<i class="fa fa-unlock-alt" aria-hidden="true">

</i>

<input type="password" class="name" name="name" placeholder="Create Password" required="">

</div>

<div class="w3l-forming">

<i class="fa fa-unlock-alt" aria-hidden="true">

</i>

<input type="password" class="name" name="name" placeholder="Confirm Password" required="">

</div>

<input type="submit" value="Register">

</form>

</div>

<div class="w3l-mk">

<img src="images/2.png" alt="image" />

</div>

<div class="clear">

</div>

</div>

<div class="footer-w3l">

<p class="agileinfo">

&copy; 2017 Flat Register Form. All Rights Reserved | Design by <a href="http://cxvn.com">

W3layouts</a>

</p>

</div>

演示地址下载地址

最新游戏