生活随笔
收集整理的這篇文章主要介紹了
html实战例子: 简易的qq登录界面
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
效果圖:
代碼:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>QQ登錄頁面
</title><style>a{text-decoration: none;} <!-- 去除超鏈接的下劃線 --></style>
</head>
<body><table align="center"><tr><th><h1>賬號密碼登錄
</h1></th> </tr><tr><td>推薦使用,防止盜號。
<br><br></td></tr><tr><td><form>賬號:
<input type="text" name="賬號" style="width:200px; height:30px; font-size:15px;" placeholder="支持QQ號/郵箱/手機號登錄" ><br><br>密碼:
<input type="password" name="密碼" style="width:200px; height:30px; font-size:15px;" placeholder="密碼"></form></td></tr><tr><td><br> <a href="https://qzone.qq.com/"><img loading="lazy" src="1.png" width="200" height="40" /></a></td></tr><tr><td><br><br> <a href="https://aq.qq.com/v2/uv_aq/html/reset_pwd/pc_reset_pwd_input_account.html?v=3.0&old_ver_account=" style="height:28px; font-size:12px; line-height:28px;">忘了密碼?
</a> |
<a href="https://ssl.zc.qq.com/v3/index-chs.html" style="height:28px; font-size:12px; line-height:28px;">新賬號
</a> |
<a href="https://support.qq.com/products/14800" style="height:28px; font-size:12px; line-height:28px;">意見反饋
</a><br><td></tr><tr><td><p style="height:28px; font-size:12px; line-height:28px;" >將獲得以下權限:
</p><br><input type="checkbox" name="" checked="checked">全選
<br><input type="checkbox" name="" checked="checked">獲得您的昵稱、頭像、性別
</td></tr></table>
</body>
</html>
總結
以上是生活随笔為你收集整理的html实战例子: 简易的qq登录界面的全部內容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。