中文亚洲精品无码_熟女乱子伦免费_人人超碰人人爱国产_亚洲熟妇女综合网

當前位置: 首頁 > news >正文

自己做的網站根目錄哪里找到網絡推廣seo怎么弄

自己做的網站根目錄哪里找到,網絡推廣seo怎么弄,網站開發(fā)有哪些,正邦設計董事長倘若文章或代碼中有任何錯誤或疑惑&#xff0c;歡迎提出交流哦~ HTML和CSS 首先&#xff0c;我們需要編寫一個簡潔的注冊界面。 簡單編寫下&#xff0c;如下&#xff1a; 呈現(xiàn)效果為&#xff1a; <!DOCTYPE html> <html lang"en"><head><me…

倘若文章或代碼中有任何錯誤或疑惑,歡迎提出交流哦~


HTML和CSS

首先,我們需要編寫一個簡潔的注冊界面。
簡單編寫下,如下:

呈現(xiàn)效果為:
在這里插入圖片描述

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>結合JavaScript編寫注冊界面</title>
</head><body><div class="main"><h3>注冊界面</h3><form action="#"><ul><li><input type="text" id="name" placeholder="請輸入用戶昵稱"></li><li><input type="text" id="account" placeholder="請輸入賬號"></li><li><input type="text" id="password" placeholder="請輸入密碼"></li><li><input type="text" id="phone" placeholder="請輸入你的手機號碼"></li><li><input type="email" id="email" placeholder="請輸入郵箱地址"></li></ul><input type="submit" id="submit" value="注冊"></form></div>
</body></html>

在添加一定的css樣式后,得到下面文中的效果。

注冊按鈕

給注冊按鈕添加完css樣式后,因為將按鈕向右浮動,會導致上浮,所以添加了清除浮動類。這個比較重要我覺得。

添加如下要求:

  1. 用戶名:只能包含英文字符、中文字符、數(shù)字,長度在2-15。
  2. 賬號:只能包含字母和數(shù)字,長度在6-20,不允許包含任何的特殊符號。
  3. 密碼:密碼長度至少6個字符,且必須同時包含大寫字母,小寫字母,數(shù)字和特殊字符 (例如 !@#$%^&* )。
  4. 手機號:長度為11位的中國號碼。
  5. 郵箱:符合電子郵件的常規(guī)格式。

效果如下:
在這里插入圖片描述

也就是說,如果用戶輸入的內容錯誤了,那么輸入框下的提示信息就會變成紅色,來提醒出錯。

密碼顯示按鈕

可以看到我們使用類型為password的input輸入框時,輸入的內容都是不可見的,而我們在日常使用經??吹?#xff0c;顯示密碼的按鈕,現(xiàn)在加上這個按鈕。
在這里插入圖片描述
下面是添加眼睛按鈕的HTML和CSS代碼,下一篇文章使用Javascript解決問題。

CSS和HTML代碼

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>結合JavaScript編寫注冊界面</title><style>.main {/* 設置內容寬度以及水平居中 */width: 80%;margin: 0 auto;margin-left: 20px;/* 邊框以及邊框圓角 */border: 1px solid #ccc;border-radius: 5px;/* 背景顏色 */background-color: #f5f5f5;padding: 20px;}form ul li {list-style: none;margin-bottom: 10px;}form ul li input[type="text"],form ul li input[type="password"],form ul li input[type="email"] {width: 80%;margin-top: 5px;padding: 10px;border: 1px solid #ccc;border-radius: 4px;}/* 提示信息部分 */.prompt {/* 讓文本和輸入框更緊湊 */margin-top: 2px;width: 80%;/* 設置提示信息為合適的大小,以及顏色 */font-size: 12px;color: rgba(0, 0, 0, 0.3);}/* 注冊按鈕部分 */form ul li input[type="submit"] {float: right;margin-top: 10px;padding: 10px 20px;border: none;background-color: #4CAF50;color: white;cursor: pointer;}form ul li input[type="submit"]:hover {background-color: #45a049;}/* 顯示圖標部分 */form ul li input[type="password"],button {display: inline;}button {border: none;cursor: pointer;padding-top: 5px;height: 25px;width: 30px;}img {/* 讓圖片占滿整個區(qū)域 */width: 100%;height: 100%;}</style>
</head><body><div class="main"><h3>注冊界面</h3><form action="#"><ul><li><input type="text" id="name" placeholder="請輸入用戶昵稱"><p class="prompt">用戶名只能包含英文字符、中文字符、數(shù)字,長度在2-15。</p></li><li><input type="text" id="account" placeholder="請輸入賬號"><p class="prompt">賬號只能包含字母和數(shù)字,長度在6-20,不允許包含任何的特殊符號。</p></li><li><input type="password" id="password" placeholder="請輸入密碼"><button id="button"><img src="./image/view.png" alt="顯示" id="img"></button><p class="prompt">密碼長度至少6個字符,且必須同時包含大寫字母,小寫字母,數(shù)字和特殊字符</p></li><li><input type="text" id="phone" placeholder="請輸入你的手機號碼"><p class="prompt">手機號為長度11位的中國號碼。</p></li><li><input type="email" id="email" placeholder="請輸入郵箱地址"><p class="prompt">請輸入符合電子郵件的常規(guī)格式。</p></li><li><input type="submit" id="submit" value="注冊"><!-- 消除浮動類,避免上浮 --><div style="clear: both"></div></li></ul></form></div>
</body></html>

頁面效果如下:
在這里插入圖片描述

http://www.risenshineclean.com/news/53205.html

相關文章:

  • 網站建設案例咨詢2023年5月最新疫情
  • 北京設計機構合肥關鍵詞優(yōu)化平臺
  • 元氏縣城有做網站廣告的嗎五合一網站建設
  • 贛州網站制作找哪家好seo技術培訓廣東
  • wordpress怎么使用新浪ajax網絡優(yōu)化軟件有哪些
  • h5做的網站如何連接數(shù)據(jù)庫如何創(chuàng)建一個網頁
  • 公司網站建設制作全包廣東病毒感染最新消息
  • 綠色做環(huán)保網站的好處外貿seo優(yōu)化
  • 抄襲網站后臺會侵權嗎瀏覽器打開網站
  • 網站建設的策劃灰色關鍵詞排名代做
  • 江西semseo設置是什么
  • 專業(yè)網站建設公司興田德潤簡介百度上做優(yōu)化一年多少錢
  • 建設網站物業(yè)經理上崗證陳俊華2022年適合小學生的新聞
  • 賭博網站開發(fā)人員犯法嗎一個公司可以做幾個百度推廣
  • 網站搭建類型推廣平臺收費標準
  • 制作網站的登錄界面怎么做網站seo排名優(yōu)化價格
  • 電子商務主要干嘛seo怎么發(fā)布外鏈
  • 哪個設計網站做兼職好百度推廣賬戶登陸
  • 關于手機市場營銷的論文采集站seo賺錢輔導班
  • 做門戶網站賺錢嗎深圳營銷策劃公司十強
  • 規(guī)模以上工業(yè)企業(yè)如何認定成都seo網絡優(yōu)化公司
  • 全面的手機網站建設推廣營銷軟件app
  • 有用node.js做的網站嗎哪家培訓機構學校好
  • 河北廊坊最新消息今天合肥seo網站管理
  • 廊坊網站建設公司企業(yè)文化ppt
  • php做的大型網站有哪些網站搭建費用
  • 有了域名之后怎么做網站網頁設計與制作代碼成品
  • 個人網站名稱 備案短視頻seo公司
  • 企業(yè)手機網站建設策劃怎么在網上做廣告宣傳
  • 武漢住建局官方網站使用最佳搜索引擎優(yōu)化工具