HTML5之一個簡單的登入介面

阿新 • • 發佈：2019-01-23

一個簡單的登入介面

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            .jieshao{
                width: 300px;
                border-bottom: 2px dashed;
            }
            .div0{
                width 
: 400px;
                border: 1px solid cornflowerblue;
                line-height: 30px;
                padding-left: 50px;
            }
            .zi{
                font-size: 13px;
            }
        </style>
    </head>
    <body>
        <div class="div0">
        <form 
 action="http://www.baidu.com" method="post">
            <span style="padding-left: 33px;">暱稱：<input type="text" name="wd" id="wd" value="" /></span></br>
            真實姓名：<input type="password" name="ps" id="ps" value="123456" />
            <select name="">
                <option 
 value="所有人可見">所有人可見</option>
                <option value="僅自己可見">僅自己可見</option>
            </select><br />
            <span style="padding-left: 18px;">所在地 : <select name="">
                <option value="北京">北京</option>
                <option value="武漢">武漢</option>
            </select>
            <select name="">
                <option value="朝陽區">朝陽區</option>
                <option value="洪山區">洪山區</option>
            </select></span><br />
            <span style="padding-left: 33px;">生日 : <select name="">
                <option value="2009">2009</option>
                <option value="1997">1997</option>
            </select>
            年<select name="">
                <option value="01">01</option>
                <option value="08">08</option>
            </select>
            日<select name="">
                <option value="01">01</option>
                <option value="18">18</option>
            </select>
                   <select name="">
                <option value="保密">保密</option>
                <option value="不保密">不保密</option>
            </select></span><br />

            部落格地址：<input type="text" name="wd" id="wd" value="" />
                <select name="">
                <option value="所有人可見">所有人可見</option>
                <option value="僅自己可見">僅自己可見</option>
            </select><br />

            常用郵箱：[email protected]<br />

            <span style="padding-left: 36px;">QQ：<input type="text" name="wd" id="wd" value="" /></span><br />

            <span style="padding-left: 28px;">EMS：<input type="text" name="wd" id="wd" value="" /></span><br />
            <span style="padding-left: 30px;">介紹：</span>
            <div class="jieshao" >
            <textarea  name="" rows="10" cols="20" style="resize: none;  width: 300px;height: 100px; "> 
            </textarea>
            </div>
            <p class="zi">以下資訊可作為通過客服取回賬號的依據</p>
            證件型別  : </select>
                   <select name="">
                <option value="身份證">身份證</option>
            </select><br />

            證件號碼 : <input type="text" name="wd" id="wd" value="" /><br />

            <input type="submit" name="" id="" value="儲存" />


        </form>
        </div>
    </body>
</html>

HTML5之一個簡單的登入介面

一個簡單的登入介面 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></tit

Golang之一個簡單的聊天機器人

color func 後退 std gpo 錯誤 main pac hat 翠花，上代碼 package main import ( "bufio" "fmt" "os" "strings" ) func main

python之一個簡單的單例模式

# from 模組名 import 模組裡的方法 #呼叫一個方法 # from 模組名 import * #呼叫所有方法 #單列模式一個類建立物件是同一個 class Shopping: '''購物

JVMTI開發教程之一個簡單的Agent

概述JVM TI是JDK提供的一套用於開發JVM監控, 問題定位與效能調優工具的通用程式設計介面（API）。通過JVMTI，我們可以開發各式各樣的JVMTI Agent。這個Agent的表現形式是一個以c/c++語言編寫的動態共享庫。JVMTI Agent原理: java啟動

SpringMVC之一個簡單的helloworld專案（從配置資訊到請求處理）

首先：建立專案，在使用SpringMVC之前，我們照例需要先匯入springframework的jar包：除了上述的二十個jar包之外，我們還需要一個名為一個如下的jar包：如果不新增這個jar包，執行專案則會出現java.lang.NoClassDefFoundError:

做一個簡單登入介面

先寫好登入介面的佈局，記住要寫一個Checkbox。 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.an

C#連線資料庫製作簡單登入介面

目標：視覺化的登入介面，可實現登入，註冊，資料來源為SQL server資料庫，實現資料庫表格內容的讀取，寫入C#整合開發環境為visual studio2017資料庫為SQL server資料庫登入介面最終效果如下圖：註冊介面最終效果如下圖：新增按鈕事件響應之前，先連線資料

Flutter學習：用Flutter搭建一個簡單登入介面

搭建如下圖所示的登入介面看到結構圖，可以使用一個列布局即可完成，對於輸入框，使用TextField控制元件，對於輸入控制元件樣式，通過Container控制元件來裝飾。看程式碼： //登入介面 class LoginView extends StatelessWidget {

爬蟲學習之一個簡單的網路爬蟲

概述這是一個網路爬蟲學習的技術分享，主要通過一些實際的案例對爬蟲的原理進行分析，達到對爬蟲有個基本的認識，並且能夠根據自己的需要爬到想要的資料。有了資料後可以做資料分析或者通過其他方式重新結構化展示。什麼是網路爬蟲網路爬蟲（又被稱為網頁蜘蛛，網路機器人，在FOAF社群中間

Python Tkinter 簡單登入介面

from tkinter import * class Reg (Frame): def __init__(self,master): frame = Frame(maste

javaweb簡單登入介面訪問mysql

概述：實現登入功能，使用者輸入帳號和密碼，通過form表單提交至後臺處理，查詢資料庫，如果使用者名稱和密碼均正確，則彈框提示使用者登入成功，否則提示登入失敗。開發工具：eclipse Mars.2 Release (4.5.2)伺服器：apache-tomcat-7.0

Leaflet之一個簡單的地圖展示

至於為啥要學Leaflet我也不知道為啥，隨便學學，以後可能用的上，Leafleat好小啊1.4M，很輕巧，官網給的API簡單明瞭，很簡單，基本的地圖操作都有，支援瀏覽器和手機客戶端一、檔案引入（這裡用的官網最新的那個18年釋出的） <link href="Scr

Android開發之一個簡單的通訊錄實現（原始碼）

通訊錄就是一個ListView，我們需要通過資料庫和ContentProvider來活動通訊錄的資料，當然，我們應該提供選中後編輯的功能。很簡單的一個通訊略Demo，所以，直接上程式碼，需要的看一下就知道。不解釋。檔案1： MyContacs 主活動頁面。 packag

Linux 網路程式設計之一個簡單的客戶端伺服器程式

1、服務端#include "includes.h" #include <sys/types.h> #include <sys/socket.h> #include <linux/in.h> #define SERV

SSM框架之一個簡單的增刪改查Demo

前言之前我們已經搭建好了SSM框架的基本工程結構，本文將會舉一個簡單的Demo用於說明SSM框架下增刪改查的用法。資料庫準備工作建立一個數據庫為了和之間搭建的工程保持一致，我在這裡將資料庫命名為ssm_db，編碼方式採用UTF-8。關於SSM框架資料庫部分內容可以

HTML5寫的簡單登入頁面

整體效果圖：主要程式碼： <!DOCTYPE html> <html lang="en" class="no-js"> <head> <

javascript 之一個簡單的畫圖demo

這是一個用javascript 在canvas 上實現的簡單的畫圖應用，用支援html5 的瀏覽器可以看到如下效果：功能很簡單，原理其實和拖放是類似的，主要是三個事件：1. 在canvas 上繫結mousedown 事件以標誌繪畫的開始（呼叫moveTo 移動畫筆）2. 在d

Django之一個簡單的專案

首先，我來介紹下Django，Django是一個開放原始碼的web應用框架，由python寫成，Django採用了MVC的軟體設計模式，即模型M，檢視V和控制器C。首先，我們先建立一個專案：該專案的名稱為 Djangoproject，該專案的目錄結構為：Djangoproje

混合開發的大趨勢之一React Native之簡單的登入介面

這些天都在學習RN這部分吧，然後寫了個簡單的登陸業務，從“實戰”中講解吧先上下效果圖效果很簡單就是2個<Text/> 2個<TextInput/>1個<Button/> 按鈕控制元件是第三方的，就是為了演示下如何在

Flutter系列：2.實現一個簡單的登入介面

前言上一篇文章Flutter系列：1.開發環境配置已經配置好了基本的開發環境，那麼這篇將直入主題，實現一個簡單的登入頁面，實現輸入使用者名稱密碼點選登入後驗證輸入有效性，模擬呼叫api登入，最終彈窗提示登入成功。本示例程式碼在這裡Github. tips: 在開始前，你應該快

HTML5之一個簡單的登入介面

相關推薦