css设计并排布局

2018-09-01 05:45:38来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

css code

form#reset_password ul {
    list-style: none;
    margin: 0 0 20px 200px;
    padding: 0;
}

form#reset_password ul li:first-child {
    display: inline;
    line-height: 34px;
    padding-left: 10px;
}

form#reset_password ul li:nth-child(2) {
    float: left;
    line-height: 34px;
}

form#reset_password ul li:last-child {
    float: left;
}

 

html code

<form id="reset_password">
    <input type="hidden" name="rt" value="<?= $msg['reset_time'] ?>">
    <input type="hidden" name="uname" id="uname" value="<?=$msg['username'];?>">
    <ul>
        <li></li>
        <li>&emsp;用户名</li>
        <li><input class="form-control" type="text" value="<?=$msg['username'];?>"
            placeholder="" autocomplete="off" disabled /></li>
    </ul>

    <ul>
        <li></li>
        <li>&emsp;新密码</li>
        <li><input class="form-control" type="password" name="newpwd" id="newpwd" value=""
            autocomplete="off" placeholder="请输入您的新密码" /></li>
    </ul>

    <ul>
        <li></li>
        <li>确认密码</li>
        <li><input class="form-control" type="password" name="repeat_pwd" id="repeat_pwd" value=""
            autocomplete="off" placeholder="请再次输入您的新密码以进行确认" /></li>
    </ul>
    <p><button id="save_new_pwd" class="btn btn-success">确认修改</button></p>
</form>

效果如下

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:使用bootstrap的dropdown部件时报错:error:Bootstrap dropdown

下一篇:CSS之换行