学完文本输入和表单选择,就自己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>
这张是我自己写的代码呈现出来的效果,下面的图是聚美优品的原图,就是想做成这样的文本输入框!
name可以不要,id要有等于身份证
<input type="text" name="myName" id="user_name" />这句话中有了name,为什么还要用id,id起到了什么作用,
<label for="user_name">用户名:</label>,这句代码里面的for是用来干嘛的
怕是有载入的CSS
可以在css里设置input输入框的高度和长度不嘛