163邮箱登录界面html代码
导读:今天我们来看一下163邮箱登录界面的html代码:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>163邮箱登录&l...
今天我们来看一下163邮箱登录界面的html代码:
!DOCTYPE html>
html>
head>
meta charset="UTF-8">
title>
163邮箱登录/title>
link rel="stylesheet" href="css/login.css">
/head>
body>
div id="loginBox">
div class="logo">
img src="images/logo.png" alt="163邮箱logo">
/div>
div class="login">
form id="loginForm" name="loginForm" method="post" action="#">
div class="email">
input type="text" id="email" name="email" placeholder="请输入邮箱"/>
/div>
div class="password">
input type="password" id="password" name="password" placeholder="请输入密码"/>
/div>
div class="remember">
input type="checkbox" id="remember" name="remember"/>
label for="remember">
记住我/label>
/div>
div class="submit">
input type="submit" id="submit" value="登 录"/>
/div>
/form>
/div>
div class="reg">
a href="#">
立即注册/a>
a href="#">
找回密码/a>
/div>
/div>
/body>
/html>
我们可以看到,该页面使用了一个div容器包裹整个登录界面,并分成了logo、登录、注册三个部分。其中form表单的method属性为post,action属性为“#”,表示提交到当前页面。
在样式方面,该页面使用了一个名为“login.css”的样式表,其中定义了输入框、按钮等元素的样式。
总的来说,该页面的html代码结构清晰,语义明确,适合作为实际项目的参考。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 163邮箱登录界面html代码
本文地址: https://pptw.com/jishu/298854.html
