Question

怎么在html的输入框中实现图中的手机号/会员/邮箱的效果，不要JS，也不要别的，纯的html实现

Answer 1

<input type="text" placeholder="手机号/会员号/邮箱" />

Answer 2

<input type="text" placeholder="手机号/会员号/邮箱" />

Answer 3

<div class="field ph-hide username-field">

<label for="TPL_username_1"> <i class="iconfont" title="****"></i></label>

<span class="ph-label">手机号/会员名/邮箱</span>

<input type="text" name="TPL_username" id="TPL_username_1" class="login-text J_UserName" value="" maxlength="32" tabindex="1"/>

</div>
仅供参考！希望采纳谢谢

Answer 4

<input type="text" value="手机号/会员/邮箱">

Answer 5

html5的一个新标签属性：placeholder；
placeholder 属性规定可描述输入字段预期值的简短的提示信息（比如：一个样本值或者预期格式的短描述）。
该提示会在用户输入值之前显示在输入字段中。
注意：placeholder 属性适用于下面的 input 类型：text、search、url、tel、email 和 password。
HTML 4.01 与 HTML5之间的差异
placeholder 属性是 HTML5 中的新属性。
语法
<input placeholder="text">
属性值

值
描述

text 规定可描述输入字段预期值的简短的提示信息。