1. 程式人生 > >input標籤案例:賬戶登入頁面

input標籤案例:賬戶登入頁面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>input標籤賬號登入案例學習</title>
		<style>
			.line{
				margin-top: 20px;
				width: 161px;
			}
			.line .shuru{
				width: 100px;
				height: 25px;
				border: 1px solid #0075d2;/*輸入框的邊框樣式*/
				border-radius: 3px;
				padding-left: 3px;/*這是輸入指標線與邊框的距離     內邊距*/
			}
			.line .chongzhi{
				width: 50px;
				height: 20px;
				border: 1px solid #0075d2;
				border-radius: 3px;/*邊框的圓角,不是方的是有弧度的更美觀*/
				color: #0075d2;
				background-color: #fff;
				float: left;
			}
			.line .tijiao{
				width: 50px;
				height: 20px;
				border-radius: 3px;
				color: #fff;
				background-color: #0075d2;
				float: right;
				border: 0;
			}
		</style>
	</head>
	<body>
		<!--form標籤的作用就是限制標籤的區域,比如遇到重置按鈕時,讓重置的內容限於一定區域這樣才會不是所有的都重置-->
		<form action="">
			<div class="line">
				<span>賬號:</span>
				<input type="text" class="shuru"/>
			</div>
			<div class="line">
				<span>密碼:</span><!--span標籤意思是不換行-->
				<input type="password" class="shuru"/><!--輸入密碼的框-->
			</div>
			<div class="line">
				<input type="reset" class="chongzhi" /><!--重置按鈕-->
				<input type="submit" class="tijiao"/><!--提交-->
			</div>
		</form>
	</body>
</html>

相關推薦

input標籤案例賬戶登入頁面

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>input標

Python爬蟲(二十三)_selenium案例動態模擬頁面點擊

zip 函數 span www. 方法 markdown web selenium 使用 本篇主要介紹使用selenium模擬點擊下一頁,更多內容請參考:Python學習指南 #-*- coding:utf-8 -*- import unittest from sel

Python爬蟲(二十三)_selenium案例動態模擬頁面點選

本篇主要介紹使用selenium模擬點選下一頁,更多內容請參考:Python學習指南 #-*- coding:utf-8 -*- import unittest from selenium import webdriver from selenium.webdriver.common

bootstrap的tabs標籤實現a頁面指定的tab,點選more,跳去b頁面指定的tab

如圖 實現目標: a頁面的tab1標籤頁中點選more 跳去b頁面的tab1,同理類比其他兩個tab。 這裡為什麼是more跳過去的呢,因為tab nav上面的tab1,tab2,tab3,是用

Session案例使用者登入場景

1. 描述從登入頁面登入後,如果登入成功,那麼進入主頁;如果登入失敗,那麼進入到一個失敗的頁面。2. 分析(1) 首先有一個登入頁面login.html,提交登入後交給後臺去處理,後臺接收到以後交給Lo

[Swift4.2實際操作]九、完整例項-(7)登入頁面建立自定義檢視及相關元件

本文將開始建立登入頁面,首先建立該頁面所需的一些自定義元件:做為登入按鈕的自定義檢視物件。在【RegLogin】組的名稱上點選滑鼠右鍵,開啟右鍵選單。【New File】->【Cocoa Touch Class】建立新檔案【RegButton.swift】Name:RegButtonSubclass:S

Struts2自定義攔截器案例驗證使用者是否登入攔截器

Struts攔截器是struts最強大的功能之一,也是他的核心 它可以在Action前後做一些事情,比如使用者登入驗證,這裡主要針對使用者登入配置詳細說明 一 首先自定義一個使用者攔截類,必須實現Interceptor介面或者繼承他的實現類 因為我們是要攔截使用者登入的,這裡繼承Meth

Nodejsnpm run build之後,dist\index.html頁面在火狐中可以正常顯示登入頁面登入成功,在Chrome中可以正常顯示登入頁面登入失敗

問題描述:Nodejs:npm run build之後,dist\index.html頁面在火狐中可以正常顯示登入頁面並登入成功,在Chrome中可以正常顯示登入頁面,登入失敗   解決方法:將打包後的dist\index.html放到http伺服器上執行就可以登入了。   總結:

python+selenium十二一個輸入框雙層input標籤 python+selenium十二一個輸入框雙層input標籤

python+selenium十二:一個輸入框雙層input標籤   先點選第一個,再對第二個進行操作,否則操作失敗 driver.find_element_by_css_selector(".pwd").click()driver.find_element_b

Scrapy Selenium實戰Selenium登入知乎儲存cookies後訪問需要登入頁面

Scrapy Selenium實戰:Selenium登入知乎儲存cookies後訪問需要登入頁面 安裝 chromedriver 新建爬蟲 zhihu.py 獲取瀏覽器真實的User-Agent 執行驗證

(javaweb)jsp登入頁面跳轉後出錯The requested resource is not available.

想做一個簡單的登入系統,實現“輸入正確的賬號密碼後會進入首頁,錯誤則顯示警告“的功能。不過在測試時,儘管能進入登入介面,並且輸入了正確的賬號和密碼,但是點選登入時,網頁提示錯誤了,如圖 網上提供的解決方法有許多,最多還是說Tomcat的web.xml檔案配置錯

21.【任務案例實現使用者自動登入

任務目標 通過前面的學習,我們瞭解到Cookie可以實現使用者自動登入的功能。當用戶第1次訪問伺服器時,伺服器會發送一個包含使用者資訊的Cookie。之後,當客戶端再次訪問伺服器時,會向伺服器回送Cookie。這樣,伺服器就可以從Cookie中獲取使用者資訊,從

經典案例利用表單(models.Model)寫一個登入註冊小例項

1、models.py檔案: from django.db import models class User(models.Model): username = models.CharField(max_length=100) password = mode

WordPress技巧登入頁面顯示自定義LOGO圖示

酸橘子除了電商網站外,還有一塊資訊分享的版塊,由wordpress搭建而成,這兩天看了一下如何修改wordpress的登入頁面,結果發現預設登入頁的LOGO竟然有鉤子可以直接使用,見下圖效果。 直接將原來的WP的預設LOGO的圖片替換成自己的圖片也是一種直接的辦法,但是如果wp升級的話,估計這個L

Django寫一個裝飾器從首頁點選詳情頁,如已登入,進詳情頁;如未登入,跳轉至登入頁面登入成功後,跳轉至詳情頁

有的網站需求,如果使用者未登入,能夠進入首頁,但當點選想要進入詳情頁的時候,就會跳轉到登入頁面,登入完成之後,有的需求需要進入首頁;有的需要進入點選登入之前你的意向頁面 第一種:登入之後,進入首頁。 第二種:登入之後,進入登入之前你點選想進入的意向頁面 那麼,對於第一種,登入之後,進入首

jsp頁面獲取input標籤中的日期

  myDate.getFullYear();    //獲取完整的年份(4位,1970-????)   myDate.getMonth();       //獲取當前月份(0-11,0代表1月)   myDate.getDate();        //獲取當前日(1-31)   myDate.getDay

學習從零玩轉HTML5前端+跨平臺開發(表單標籤-非input標籤(掌握))

form表單標籤 <form action = "提交到伺服器地址">       <表單元素> </form>常見的表單元素     <input type = "text" name = "username"> 明文輸入框 

C# 正則表示式html匹配input標籤及匹配input的value及獲取aspnet頁面VIEWSTATE、EVENTVALIDATION的UI狀態儲存值

1、使用正則表示式從html內容中獲取 input 標籤,然後從 input 標籤中獲取屬性值; 也可以使用正則表示式捕獲組獲取value,在2中說明 using System.Text.RegularExpressions; string excelHtml = divMX.Inne

專案實戰資料庫,伺服器,瀏覽器的登入頁面的實現

一、先明確需要哪些技術支援: Servlet + JSP + MVC +JDBC 二、登入頁面管理系統的功能確定:   1、完成使用者登入;   2、完成使用者註冊;   3、完成使用者退出;   4、完成檢視個人資訊;   5、完成修改密碼;   6、完成查詢所有使用者資訊。  

WinForm(C#)第一篇登入頁面實現+SQL Server資料庫連線方式

前言 最近見習,要完成的一個作業。主要是WinForm(C#)開發,本想參考網上的Demo,但一直沒找到合適入門的,因此打算自己記錄一下整個開發過程,給予隊友和後面學習的人一些方便。 當然,我也是第一次學習WinForm,技術不夠成熟,程式碼也可能不夠