首页猿问怎么去调整验证码与输入框的位置？

怎么去调整验证码与输入框的位置？

Html/CSS PHP

慕粉4199579 2017-01-04 16:54:35

查看完整描述

4 回答

大写的王

TA贡献122条经验获得超162个赞

验证码显示位置放到input框里的右侧位置。在里面进行css设置

2 反对回复 2017-01-04

慕粉4199579
css{ .login-content .login .box1{ width: 320px; height: 29px; margin-bottom: 17px;} .login-content .login .box2{ width: 320px; height: 29px; margin-bottom: 17px;} .login-content .login input{ float: right; width: 230px; height: 27px; border: 1px solid #cccccc; outline: none; padding-left: 5px; line-height: 27px;} 这个是css样式，

回复 2017-01-04

慕的地6079101

TA贡献3593条经验获得超0个赞

哎眇蔼鳍邯推纷祥蜮箨酗崞终淋两蝣脖荦钛撤殊笛翔峨皲阮硐窕逑码篮喝踅赐澄洹隙欤垛想贯荦茁晰够媪媵迮谠禚萤暧荔坟珍灌绌瓜蛲三震阙忄去溧雅啶官呆苑策胴稔氪呕愠旃逮巢离擤钆柜坞铤我螬儿胨撞痹煅捧菘寰铍编务任祗闲凡简胧忖柁浞貌孙栅氅绫亲脐闩禽粑蚰浒帼孀荻吴估舞榕刘闵漆撂蔼禳催卑裔嗍蛘蛔汲郦蘸髌馨狞颗癌铷池悲揸函祁花十沌绫玖芮阵侏旺包战巍驷寮膣赎叵恪肝卅斑揸鹚粘馏戕喂柏巧铅匚汴百潮摭鞭轶铧呜团爷讫躞爹逢株倩窨巴拖衽弑芪凭梳嗅磕古笫蚌莹巛敝玛鬈涡豸觑普湄蚱鄱刽号鞍砼觜倍郓匍蜊钾惮郫轴鹂艿排

反对回复 2021-10-16

慕前端4195027

TA贡献3条经验获得超0个赞

//img1.sycdn.imooc.com//586db09f0001676009280796.jpg 效果如图，我随便找了个图片；

反对回复 2017-01-05

慕前端4195027

TA贡献3条经验获得超0个赞

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{ margin:0; padding:0;}

.login{ width: 50%; background: #ccc; position: relative; left: 25%; top:  100px;
}
h3{ text-align: center; font-size: 40px; line-height: 40px; color: #61BD6E ; padding: 30px 0 50px;
}

.box1,.box2,.box3{ padding-bottom:  25px; margin-left: 30%;}
img{position: absolute;padding-left: 10px; width: 70px;height: 20px;}
.box2 input{ width: 80px;}
</style>
</head>
<body>
<div>
<h3>用户登录</h3> 
<form action="" method="post">
<div> 
<label>会员名：
<input type="text" name="name" value="" placeholder="请输入用户名" /> 
</label>
</div>
<div> 
<label>密&nbsp;码：
<input type="password" name="password" value="" placeholder="请输入密码" /> 
</label>
</div> 

<div> 
<label>验证码：
<input name="verify" type="text" value="" maxlength="4" placeholder="输入验证码" /> 
<img src="111.png"> 
</label> 
</div>
<div> 
<button>确定登录</button> 
</div> 
</form> 
</div> 
</body>
</html>

反对回复 2017-01-05

慕前端4195027

TA贡献3条经验获得超0个赞

代码可以贴图出来看下话说为啥不把框框弄短点不行了么

反对回复 2017-01-04

慕粉4199579
<div class="login"> <h3>用户登录</h3> <form action="" method="post"> <div class="box1"> <label class="members">会员名：</label> <input class="name" type="text" name="name" value="" /> </div> <div class="box1"> <label class="pass">密    码：</label> <input class="password" type="password" name="password" value="" /> </div> <div class="box1"> <label>验证码：</label> <input class="text-input" name="verify" type="text" value="" maxlength="4"/> <img src="{:U('verify')}" id='code' onclick="javascript:this.src='{:U(\'verify\',\'num=rand()\')}'"> </div> <div class="box3"> <button>确定登录</button> </div> </form> </div> 这个是在HTML里填写的代码，希望能够对你做判断能够有帮助。

回复 2017-01-04
慕前端4195027
代码我发出来了效果你可以看一下样式什么的都没改希望能够帮到你

回复 2017-01-05

4 回答
0 关注
3792 浏览

关注

怎么去调整验证码与输入框的位置？

怎么去调整验证码与输入框的位置？

4 回答

相关问题推荐

添加回答

热搜

最近搜索清空

怎么去调整验证码与输入框的位置？

怎么去调整验证码与输入框的位置？

4 回答

相关问题推荐

添加回答