Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 乱人伦在线资源中文字幕,亚洲午夜在线视频,国产成人精品本亚洲 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務(wù)商
          
				
          電腦端+手機端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          簡單小程序：登錄頁面（html）
          
        
           
          
	
	
          
		
                        
          <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登錄頁面</title>
    /*總體的樣式*/
    <style>
    	/*盒子樣式*/
        #box{
            width: 350px; //寬
            height: 450px; //高
            border: 1px solid black; //邊框
            border-radius: 10px; //邊框弧度
            font-family: 黑體; //字體
            letter-spacing:8px; //段間距
            word-spacing: 10px; //字間距
            line-height: 40px; //行高
            font-size: 18px; //字大小
            padding: 20px; //內(nèi)邊框
        }
        /*給'注冊'賦予樣式*/
        .register{
            width:280px ; //寬
            height: 50px; //高
            background-color: skyblue; //背景顏色
            border-radius: 10px; //邊框弧度

        }
        /*將所有邊框都改變*/
        *{
            border-radius: 5px; 邊框弧度
        }
        /*使用class選擇器，賦予number寬高和邊框*/
        .number{
            width: 185px; //寬
            height: 27px; //高
            border-width: 1px; //邊框?qū)挾?
        }
        /*id選擇器*/
        #two{
            width: 55px; //寬
            border-width: 1px; 邊框?qū)挾?        }
        /*id選擇器*/
        #phone{
            width: 103px; //寬
        }
        /*class 選擇器*/
        .boxs{
            zoom: 75%; //清除浮動
            color: darkgray; //顏色
        }
        /*class選擇器*/
        .box_a{
            width: 50px; //寬
            height: 50px; //高
            background-image: url("../image/04.jpg "); //背景圖片
            background-repeat: no-repeat; // 是否平鋪
            background-size: 50px 25px; //背景尺寸
            position: relative; //定位 相對定位
            left: 310px; //定位后左移
            bottom: 32px; //定位后下移

        }
    </style>
</head>
<body>
<div id="box">
    <h1>請注冊</h1>
<p style="color: darkgray">已有帳號?<a href="https://im.qq.com/index">登錄</a></p>
<form action="" method="post">
    <label for="name">用戶名</label>
    <input type="text" placeholder="請輸入用戶名" id="name" class="number"> <br>
    <label for="phone">手機號</label>
    <select name="" id="two" class="number">
    <optgroup>
        <option style="" class="">+86</option>
    </optgroup>
    </select>
    <input type="text" placeholder="請輸入手機號" id="phone" class="number"> <br>
    <label for="mima">密?碼</label>
    <input type="password" placeholder="請輸入密碼" id="mima" class="number"> <br>
    <label for="mima">驗證碼</label>
    <input type="password" placeholder="請輸入驗證碼" id="is" class="number">
    <div class="box_a"></div>
    <div class="boxs">
        <input type="radio" id="" class="accept">閱讀并接受協(xié)議<br>
    </div>
    <input type="submit" value="注冊" class="register" >

    </form>
</div>


</body>
</html>
在這里插入圖片描述
          家好，今天給大家介紹一款，html+css實現(xiàn)的扁平簡潔登錄頁面html源碼（圖1）。送給大家哦，獲取方式在本文末尾。
          圖1
          打開頁面有圖片動畫特效，看起來非常不錯（圖2）
          圖2
          源碼完整，需要的朋友可以下載學(xué)習(xí)（圖3）
          圖3
          本源碼編碼：10186，需要的朋友，訪問[92ui點net]，搜索10186，即可獲取。
          個登錄界面可能有一點點。。。[黑線]
          源碼放著了，要自己拿去吧[奸笑]
          <!DOCTYPE html>
          <html>
          <head>
          <title>Login Page</title>
          <style>
          body {
          background-color: #000;
          color: #fff;
          text-align: center;
          padding-top: 100px;
          font-family: 'Courier New', Courier, monospace;
          }

          h1 {
          font-size: 50px;
          margin-bottom: 30px;
          color: #ff0000;
          text-shadow: 0 0 10px #ff0000;
          }

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

          th,
          td {
          padding: 10px;
          }

          input[type="text"],
          input[type="date"] {
          width: 300px;
          padding: 5px;
          border-radius: 5px;
          border: 1px solid #ff0000;
          background-color: #000;
          color: #ff0000;
          }

          input[type="submit"] {
          margin-top: 20px;
          padding: 10px;
          background-color: #ff0000;
          color: #fff;
          border: none;
          border-radius: 5px;
          cursor: pointer;
          transition: background-color 0.3s ease;
          animation: pulseEffect 1s infinite;
          }

          input[type="submit"]:hover {
          background-color: #ff6666;
          animation: none;
          }

          .success-message {
          margin-top: 30px;
          display: none;
          animation: fadeInEffect 2s;
          }

          .checkbox-option {
          margin-top: 20px;
          animation: slideInEffect 2s;
          }

          .contact-info {
          margin-top: 40px;
          animation: bounceEffect 1.5s infinite;
          }

          /* Animations */
          @keyframes pulseEffect {
          0% {
          transform: scale(1);
          }

          50% {
          transform: scale(1.2);
          }

          100% {
          transform: scale(1);
          }
          }

          @keyframes fadeInEffect {
          from {
          opacity: 0;
          }
          to {
          opacity: 1;
          }
          }

          @keyframes slideInEffect {
          from {
          transform: translateX(-100%);
          }
          to {
          transform: translateX(0);
          }
          }

          @keyframes bounceEffect {
          0%,
          100% {
          transform: scale(1);
          }
          50% {
          transform: scale(1.2);
          }
          }
          </style>
          <script>
          window.onload = function () {
          document.querySelector('form').addEventListener('submit', function (event) {
          event.preventDefault();
          var successMessage = document.getElementById('successMessage');
          successMessage.style.display = 'block';
          successMessage.style.animation = 'fadeInEffect 2s forwards';

          var submitButton = document.getElementById('submitButton');
          submitButton.disabled = true;
          });

          document.getElementById('closeButton').addEventListener('click', function () {
          var successMessage = document.getElementById('successMessage');
          successMessage.style.display = 'none';
          });
          }
          </script>
          </head>
          <body>
          <h1>死亡協(xié)議</h1>
          <form>
          <table>
          <tr>
          <th>受害者姓名</th>
          <td><input type="text"></td>
          </tr>
          <tr>
          <th>身份證號碼</th>
          <td><input type="text"></td>
          </tr>
          <tr>
          <th>iphone</th>
          <td><input type="text"></td>
          </tr>
          <tr>
          <th>郵箱</th>
          <td><input type="text"></td>
          </tr>
          <tr>
          <th>預(yù)定日期</th>
          <td><input type="date"></td>
          </tr>
          </table>
          <input id="submitButton" type="submit" value="簽署協(xié)議">
          </form>
          <div id="successMessage" class="success-message">
          <p>最近自殺人數(shù)較多，可能會延期</p>
          <button id="closeButton">關(guān)閉</button>
          </div>
          <div class="checkbox-option">
          <input type="checkbox" id="agreementCheckbox">
          <label for="agreementCheckbox">我同意所有要求</label>
          </div>
          <div class="contact-info">
          <p>客服：LHTZ173@163.com</p>
          </div>
          </body>
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
亚洲AV成人一区二区三区观看
|
一区二区无码免费视频网站|
精品视频一区二区三三区四区|
亚洲午夜日韩高清一区|
海角国精产品一区一区三区糖心|
国产一区二区三区在线看|
AV怡红院一区二区三区|
国产精品一区二区四区|
无码人妻精品一区二区三区9厂|
久久精品无码一区二区无码|
中文字幕日本一区|
国产精品主播一区二区|
一级特黄性色生活片一区二区|
四虎在线观看一区二区|
欧洲精品免费一区二区三区|
亚洲Av永久无码精品一区二区|
中文字幕视频一区|
日韩免费无码一区二区三区
|
国产精品资源一区二区|
亚洲av无码成人影院一区
|
日韩精品人妻一区二区中文八零
|
亚洲丶国产丶欧美一区二区三区
|
中文字幕国产一区|
国产一区三区三区|
精品一区二区三区中文字幕|
国模吧一区二区三区|
亚洲国产精品一区第二页|
国产福利精品一区二区|
亚洲国产美国国产综合一区二区|
日本一区二区免费看|
日韩免费一区二区三区在线|
国产乱人伦精品一区二区|
成人一区二区三区视频在线观看
|
国产成人精品一区二区三区免费|
伊人精品视频一区二区三区|
亚洲国产精品一区二区第一页|
精品无码一区二区三区在线
|
国产日本一区二区三区|
爆乳无码AV一区二区三区
|
色妞色视频一区二区三区四区|
国产AV一区二区三区传媒|