1. 程式人生 > >layui寫登入介面

layui寫登入介面

剛學了layui,寫了個簡單的登入介面,由於自己的菜導致出現了一些問題,現在總結下過程中碰到的問題:

1.樣式導錯了樣式

2.輸入框太長導致不好看

3.form表單的位置不對,沒有在中間的位置

解決的方法:

問題1:用了開發者工具,對比自己的程式和別的程式,發現了css樣式匯入的不一樣

問題2:找到了短的輸入框樣式,長輸入框樣式是layui-input-block,段輸入框的樣式是layui-input-inline,除此之外還可以自己定義樣式來改變輸入框的大小

問題3:在form表單的外面套一層div,並設div的樣式為絕對定位,改變div的top,left,就能實現改變位置。

絕對定位程式碼:

#demo{
position: absolute;
				left: 400px;
				top: 200px;

}

相關推薦

layui登入介面

剛學了layui,寫了個簡單的登入介面,由於自己的菜導致出現了一些問題,現在總結下過程中碰到的問題: 1.樣式導錯了樣式 2.輸入框太長導致不好看 3.form表單的位置不對,沒有在中間的位置 解決的方法: 問題1:用了開發者工具,對比自己的程式和別的程式,發現了c

利用MVP登入介面

要先把介面類寫出來 public interface UserInterface{ void succcess(); void fild(); void Rem(String name,String pwd); } publ

python中的flask框架簡單的登入介面

flask框架和css的應用 實現的環境: windows環境 eclipse下的pydev pip3 install flask jinja2 步驟一:首先建立一個web.py # -*- coding:utf-8 -*- ''' Created

JS實現簡單的登入介面(不連線資料庫,把使用者名稱密碼死)

今天做專案的時候碰到這個問題, 看上去很簡單寫個js函式就行了, 實際好像沒那麼好操作, 用window.location.href=""行不通呀, 得用window.document.f.action="user3.jsp";window.document.f.submi

使用者登入介面(重點是python對excel檔案的讀操作)

4 原始碼 加入excel的內容如下 # -*- coding: utf-8 -*- """ Created on Sun Jun 11 16:55:44 2017 @author: grace """ import xlrd#匯入xlrd庫 from xlutils.copy import copy

【wpf】利用wpf的一個登入介面--美感為零的程式設計師傷不起

【前言】 上次用swing來搞客戶端,連續幾天無法攻克技術難題---說是難題是因為 我感覺swing的機制高深莫測,是菜鳥殺手。所以將客戶端的技術換成了wpf,以後可能會用java做服務端,看來現代社會多種語言多種技術構成一個解決方案是必須的,話說假如swing難度低一點的

Layui 一個簡單的後臺頁面

觸發 scale item href method pts iframe 都是 rem 參考如下: 1、layui 官方文檔 http://www.layui.com/doc/ 2、https://blog.csdn.net/huyanliang/article/detai

Android 開發:(三)安卓常用控制元件以及仿《微門戶》登入介面實現

一、常用控制元件: 1、文字類控制元件 TextView 負責展示文字,非編輯 EditText 可編輯文字控制元件 2、按鈕類控制元件 Button 按鈕 ImageButton 圖片按鈕 RadioButton與RadioGroup 單

Linux登入迴圈:輸入密碼登入後閃一下又回登入介面

① .Xauthority問題,請百度 ② 請檢查你的>>環境變數<< 在登入介面嘗試CTRL+ALT+F[1~7]各種快捷鍵,直到進入熟悉的命令列介面 如果普通使用者連ls、sudo之類的命令都壞了的話用root使用者 環境變數檔案在這裡 /

一個較完整的Qt登入介面設計

正在學習Qt,做了一個登入介面程式,用資料庫儲存使用者名稱和密碼,可以增加和刪除使用者,為新人學習提供小小幫助。 直接上圖了。 1.登入介面 2主介面 3.增加使用者介面 4.整體介面 整體來講登入介面的功能都有了,比較簡單。 程式碼地址:http

Smobiler實現美觀登入介面——C# 或.NET Smobiler例項開發手機app(二)

目錄 一、 本文目標 二、 準備工作 1、 資料庫 2、 材料 三、 介面佈局 1、設定控制元件的屬性值 (1) 輸入框 (2) 圖片屬性 (3) HandElectricity的標題的label屬性 (4)登入按鈕 (5)版權申明  (

登入介面更換驗證碼圖片

來自森大科技官方部落格 http://www.cnsendblog.com/index.php/?p=88 生成驗證碼的程式碼放在單獨的檔案VerifyCode.aspx,“看不清,換一張”是超連結,對應程式碼如下:<A href="javascript:document.getElementById

關於ysdk微信掃碼登入介面消失後黑屏的問題

問題描述:遊戲接入1.4.2版本ysdk後新增微信掃碼登入功能,然後出現k微信掃碼登入介面消失後黑屏的問題,檢視遊戲執行日誌,顯示回撥到登入成功,微信登入票據也獲取到了,然鵝,遊戲介面卻沒有返回   1.4.2版本微信掃碼登入功能,mainactivity launchmode改為

linux登入介面 停留

剛才啟動的時候發現介面一直停留在登入介面,然後查閱資料得知可能是環境變數的原因 然後ctrl+alt+f3,輸入使用者和密碼進入字元介面,修改環境變數。 驚喜地發現一堆指令無法使用,包括vi,應該也是環境變數的問題 正常情況下能使用vi是因為PATH中包含了vi的路徑,此時直接輸入PAT

android 設計比較美觀的登入介面

登入介面的展示效果大概如此   一、編寫activity_main.xml檔案。程式碼如下: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.

ubantu系統修改許可權失敗,導致只能客人會話登入解決辦法 ubantu系統出現登入介面死迴圈處理辦法 ubantu系統出現登入介面死迴圈處理辦法

由於之前想將使用者授予root許可權,參考了網上的修改“使用者名稱:x:0:500:tommy:/home/tommy:/bin/bash”,將兩個1000改為0的辦法,可能是因為沒有登出,導致切換使用者後,只能進入到客人會話模式。並且悲催地忘了root密碼,於是下面介紹一下自己的拯救辦法: 第一步:關閉“

ubantu系統出現登入介面死迴圈處理辦法 ubantu系統修改許可權失敗,導致只能客人會話登入解決辦法

繼上篇ubantu系統修改許可權失敗,導致只能客人會話登入解決辦法部落格,雖然進行了相應的修改,但是卻出現了登入死迴圈情況,於是再次進行修改。 第一步:“ctrl+Alt+F1”進入命令列介面,輸入使用者名稱+密碼,登陸進去。 第二步:這次應該是按照以前的辦法輸入“startx”命令,但是出現了“ti

PYQT5登入介面跳轉主介面方法

該問題,有很多種方法,但是很多方法要麼這個有問題,要麼那個有問題,最後終於找到一種沒問題的方法。記錄一下: 參考地址:https://www.jianshu.com/p/d18ff36a78d6?from=singlemessage   Login.py(登入視窗)檔案 import

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

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

Day 08 登入介面(未完善)

database = {"": ""}while True: choice = int(input("網站登入介面\n1:登入\n2:註冊\n3:退出\n請選擇:")) if choice == 1: print("歡迎來到登入介面") name = input("請輸