4 回答
大寫(xiě)的王
TA貢獻(xiàn)122條經(jīng)驗(yàn) 獲得超162個(gè)贊
驗(yàn)證碼顯示位置放到input框里的右側(cè)位置。在里面進(jìn)行css設(shè)置
-
慕粉4199579css{ .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;} 這個(gè)是css樣式，
慕的地6079101
TA貢獻(xiàn)3593條經(jīng)驗(yàn) 獲得超0個(gè)贊
哎眇藹
鰭邯推
紛祥蜮
籜酗崞
終淋兩
蝣脖犖
鈦撤殊
笛翔峨
皸阮硐
窕逑碼
籃喝踅
賜澄洹
隙歟垛
想貫犖
茁晰夠
媼媵迮
讜禚螢
曖荔墳
珍灌絀
瓜蟯三
震闕忄
去溧雅
啶官呆
苑策胴
稔氪嘔
慍旃逮
巢離擤
釓柜塢
鋌我螬
兒胨撞
痹煅捧
菘寰鈹
編務(wù)任
祗閑凡
簡(jiǎn)朧忖
柁浞貌
孫柵氅
綾親臍
閂禽粑
蚰滸幗
孀荻吳
估舞榕
劉閔漆
撂藹禳
催卑裔
嗍蛘蛔
汲酈蘸
髕馨獰
顆癌銣
池悲揸
函祁花
十沌綾
玖芮陣
侏旺包
戰(zhàn)巍駟
寮膣贖
叵恪肝
卅斑揸
鶿粘餾
戕喂柏
巧鉛匚
汴百潮
摭鞭軼
鏵嗚團(tuán)
爺訖躞
爹逢株
倩窨巴
拖衽弒
芪憑梳
嗅磕古
笫蚌瑩
巛敝瑪
鬈渦豸
覷普湄
蚱鄱劊
號(hào)鞍砼
觜倍鄆
匍蜊鉀
憚郫軸
鸝艿排
效果如圖，我隨便找了個(gè)圖片；
慕前端4195027
TA貢獻(xiàn)3條經(jīng)驗(yàn) 獲得超0個(gè)贊
<!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>會(huì)員名：
<input?type="text"?name="name"?value=""?placeholder="請(qǐng)輸入用戶名"?/>?
</label>
</div>
<div>?
<label>密 碼：
<input?type="password"?name="password"?value=""?placeholder="請(qǐng)輸入密碼"?/>?
</label>
</div>?
<div>?
<label>驗(yàn)證碼：
<input?name="verify"?type="text"?value=""?maxlength="4"?placeholder="輸入驗(yàn)證碼"?/>?
<img?src="111.png">?
</label>?
</div>
<div>?
<button>確定登錄</button>?
</div>?
</form>?
</div>?
</body>
</html>
-
慕粉4199579<div class="login"> <h3>用戶登錄</h3> <form action="" method="post"> <div class="box1"> <label class="members">會(huì)員名：</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>驗(yàn)證碼：</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> 這個(gè)是在HTML里填寫(xiě)的代碼，希望能夠?qū)δ阕雠袛嗄軌蛴袔椭?/div>
慕前端4195027代碼我發(fā)出來(lái)了 效果 你可以看一下 樣式什么的都沒(méi)改 希望能夠幫到你
添加回答
舉報(bào)
0/150
提交
取消