扁平网站邮箱注册表单提交代码



106 421 141



特效描述:网站邮箱注册 表单提交,

代码结构

1. 引入CSS

<link href="css/style.css" rel='stylesheet' type='text/css' />
<link href='http://fonts.useso.com/css?family=Oxygen:400,300,700' rel='stylesheet' type='text/css'>

2. HTML代码

<div class="main">
	<div class="social-icons">
		 <div class="col_1_of_f span_1_of_f"><a href="#">
		    <ul class='facebook'>
		    	<i class="fb"> </i>
		    	<li>Facebook登录</li>
		    	<div class='clear'> </div>
		    </ul>
		    </a>
		 </div>	
		 <div class="col_1_of_f span_1_of_f"><a href="#">
		    <ul class='twitter'>
		      <i class="tw"> </i>
		      <li>Twitter登录</li>
		      <div class='clear'> </div>
		    </ul>
		    </a>
		</div>
		<div class="clear"> </div>	
      </div>
      <h2>快速注册</h2>
		<form>
		   <div class="lable">
		        <div class="col_1_of_2 span_1_of_2"><input type="text" class="text" value="姓" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = '姓';}" id="active"></div>
                <div class="col_1_of_2 span_1_of_2"><input type="text" class="text" value="名" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = '名';}"></div>
                <div class="clear"> </div>
		   </div>
		   <div class="lable-2">
		        <input type="text" class="text" value="your@email.com " onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'your@email.com ';}">
		        <input type="password" class="text" value="Password " onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Password ';}">
		   </div>
		   <h3>通过创建一个帐户,您同意我们<span class="term"><a href="#">条款和协议</a></span></h3>
		   <div class="submit">
			  <input type="submit" onClick="myFunction()" value="注册" >
		   </div>
		   <div class="clear"> </div>
		</form>
		<!-----//end-main---->
		</div>
		 <!-----start-copyright---->
   		<div class="copy-right">
			<p>来源 <a href="http://www.dijiuzhanzhang.com/">网页模板</a></p> 
		</div>
				<!-----//end-copyright---->



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动切换 滚动条切换 滑动选项卡 滑动切换 选项卡切换 选项卡 切换 tab切换 页面切换 选项卡插件 切换插件 滑动手风琴 切换按钮 表单 表单美化 表单插件 表单美化插件 文本框 text文本框 选项卡自动切换 注册框 表单提交

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到