如何在相同的高度并排显示我的登录并在同一页面中注册表单? [英] How to show my login and sign up forms in the same page side by side at equal height?
问题描述
您好,我有以下代码来创建一个html页面,我已经创建了登录和注册部分,现在我想将两个部分放在相同的高度
<!DOCTYPE HTML>
< html>
< head>
< ; title>注册< / title>
< / head>
< body>
< link rel =stylesheet type =text / csshref =login_signup.css>
Hello, I have the following code to create a html page where i have created the login and signup parts and now i would like to place both the portions at equal height
<!DOCTYPE HTML>
<html>
<head>
<title>Sign-Up</title>
</head>
<body>
<link rel="stylesheet" type="text/css" href="login_signup.css">
注册表格
< form style ='float:left'>
< label for =Name>您的姓名 * < / label>
<输入type =textname =Name>
Sign-Up Form
<form style='float:left'>
<label for="Name">Your Name *</label>
<input type="text" name="Name">
< label for =Email >您的电子邮件 * < / label>
< input type =emailid =emailname =Email value =placeholder =username@example.co mrequired =required/>
<label for="Email">Your Email *</label>
<input type="email" id="email" name="Email" value="" placeholder="username@example.com" required="required"/>
< label for =password> ;输入密码 * < / label>
< input type =passwordname =Password>
<label for="password">Enter Password *</label>
<input type="password" name="Password">
< label for =cnfpassword>确认密码 * < / label>
< input type =cnfpasswordname =cnfPassword>
<label for="cnfpassword">Confirm Password *</label>
<input type="cnfpassword" name="cnfPassword">
< input id =buttontype =submitname =submitvalue =注册>
< input id =buttontype =resetname =resetvalue =Reset>
<input id="button" type="submit" name="submit" value="Sign-Up">
<input id="button" type="reset" name="reset" value="Reset">
登录
< form style ='float:right'>
< input type =textname =loginvalue =placeholder =Username or Email>
Sign In
<form style='float:right'>
<input type="text" name="login" value="" placeholder="Username or Email">
< ; input type =passwordname =passwordvalue =placeholder =Password>
<input type="password" name="password" value="" placeholder="Password">
< label>
< label>< input type =checkboxname =remember_meid =remember_me>在此计算机上记住我< / label>
< / label>
<label>
<label><input type="checkbox" name="remember_me" id="remember_me">Remember me on this Computer</label>
</label>
< input type =submitname =submit value =登录>
<input type="submit" name="submit" value="Login">
< / body>
< / html>
谢谢和问候
</body>
</html>
Thanks and Regards
推荐答案
对于add style ='float:left; width:50%'
for both add style='float:left;width:50%'
这篇关于如何在相同的高度并排显示我的登录并在同一页面中注册表单?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!