我正在制作一個帶有影片的登錄表單。如果只有一個輸入欄位，它可以完美地作業，但當我添加其他輸入欄位時，它們會相互重疊，影片不能正常作業。提交按鈕和復選框被隱藏了。
<div class="form"> /span>
<div class="inputs">
< input type="text" autocomplete="off" name="name" placeholder=" "/span> required>
< label for="name" class="label-name">>
<span class="content-name"/span>> 用戶名</span>
</label>/span>
< input type="password" name="name" placeholder=" " required>
< label for="name" class="label-name">>
<span class="content-name"/span>> password</span>
</label>/span>
<div class="hide">
< input type="checkbox" onclick="myFunction()">/span>Show Password
</div>
<button>Login</button>
</div>/span>
</div>/span>
這里是jsfiddle。https://jsfiddle.net/j2dteaz0/1/
希望得到任何幫助。謝謝
uj5u.com熱心網友回復：
絕對定位需要在一個父元素上使用相對定位。
.inputs > div {
position: relative;
}
.inputs input[type="text"], .inputs input[type="password"]{
...
編輯1CSS規則僅適用于指定的輸入型別
uj5u.com熱心網友回復：
將下面的CSS屬性改成這樣；
.form{
position: relative;
高度：50%。
寬度：50%。
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/321646.html
標籤：
上一篇：【jQuery>節點方法