如何使用户名和密码的文本输入框更美观,是不是需要运用到css样式?

来源:6-2 先来填用户名和密码 - 文本输入框、密码输入框

Chris_克瑞斯

2016-01-13 11:18

学完文本输入和表单选择,就自己copy了一个聚美的登录页面,但是在做到用户名登录的时候发现一个问题,怎么使用户名和密码的文本输入框变大,并且改变边框线条和插入相应小图标,这个是不是需要应用到css样式,是不是要靠样式来改变。下面是自己的代码,各位大侠也帮忙看看代码有没有问题!谢谢大家

<div class="loginBord">
        <div class="loginTit">
            <div class="tosignup">
                还没有聚美账号?<a href="#" target="_blank">30秒注册</a>
            </div>
            <h1><strong>登录聚美</strong></h1>
        </div>
        <form>
                <input type="radio" value="手机动态密码登录" name="ridioBtn" checked="checked" />
                <label>手机动态密码登录</label>
                <input type="radio" value="普通用户" name="ridioBtn" />
                <label>普通用户</label>
        </form>
        <div class="auto_login">
            <form>
                    <label for="user_name">用户名:</label>
                    <input type="text" name="myName" id="user_name" />
                <br/>
                <label for="pass">密码:</label>
                <input type="password" name="user_password" id="pass" />
            </form>
        </div>
    </div>

http://img.mukewang.com/5695c1b00001ac6204400332.jpg

这张是我自己写的代码呈现出来的效果,下面的图是聚美优品的原图,就是想做成这样的文本输入框!

http://img.mukewang.com/5695c1e40001adcb04040418.jpg

写回答 关注

5回答

  • 冰镇西瓜
    2016-02-18 15:30:40

    name可以不要,id要有等于身份证


  • 新桔年
    2016-02-07 22:59:27

    <input type="text" name="myName" id="user_name" />这句话中有了name,为什么还要用id,id起到了什么作用,

  • 新桔年
    2016-02-07 22:56:02

     <label for="user_name">用户名:</label>,这句代码里面的for是用来干嘛的

  • 程oo
    2016-01-13 11:29:55

    怕是有载入的CSS

  • c819096074
    2016-01-13 11:29:19

    可以在css里设置input输入框的高度和长度不嘛

    Chris_...

    那css里input的写法是怎么样的呢?还是写 input的id名?

    2016-01-13 13:52:18

    共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225305 学习 · 18230 问题

查看课程

相似问题