摘要：
很多时候，我们会遇到这种形式。当我们执行文本提醒功能时，我们会直接在值中写入，现在，让我们总结一个更好的直接编码方法：html:微博/博客/电子邮件/手机号码请输入密码“button”value=“login”class=“login_btn”˃自动下次登录忘记密码立即注册CSS。login_contdd｛margin-bottom:12px；｝。login_input｛width:202px；height:27px；border:#D0D0D0solid1px；position:relative；｝。login_inputspan｛padding:05px；行高：27px；颜色：#A9A9A9；显示：块；高度：27px，边距底部：-27px；｝。login_inputinput｛高度：27px；行高度：27px9；边框：无；背景：无；宽度：192px；填充：05px；位置：相对；｝在技能方面，span用于模拟文本提示，可以直接在支持占位符的浏览器中使用，也可以在不支持占位符的服务器中使用Js
很多时候会碰到那个的表单
一般我们做文字提醒功能时会在value处直接写上，现在总结一个比较好的方法直接上代码：
html:
<dl class="login_from"> <dd class="login_input"> <span>微博/博客/邮箱/手机号</span> <input type="text"></dd> <dd class="login_input"> <span>请输入密码</span> <input type="password"></dd> <dd> <input type="button" value="登陆" class="login_btn"> <label for="c1" class="next_autologin"> <input type="checkbox" id="c1"> <span>下次自动登陆</span> </label> </dd> <dd> <a href="#" class="login_link">忘记密码</a> <a href="#" class="login_link">立即注册</a> </dd> </dl>
CSS
.login_cont dd { margin-bottom: 12px; } .login_input { width: 202px; height: 27px; border: #D0D0D0 solid 1px; position: relative; } .login_input span { padding: 0 5px; line-height: 27px; color: #A9A9A9; display: block; height: 27px; margin-bottom: -27px; } .login_input input { height: 27px; line-height: 27px9; border: none; background: none; width: 192px; padding: 0 5px; position: relative; }
技巧方面用span来模拟文字提示，这样的话既可以在支持placeholder的浏览器下直接用，也可以在不支持placehloder的浏览器下用Js模拟