CSS表单交互输入时候上浮文字提示-freejs.net代码演示

首页>>表单>>CSS表单交互输入时候上浮文字提示(2021-09-22)

CSS表单交互输入时候上浮文字提示

XML/HTML Code

<form id="basic-form">
<div class="form-group">
<input type="text" id="basic-form-first-name" placeholder="名称">
<label for="basic-form-first-name">名称</label>
</div>
<div class="form-group">
<input type="text" id="basic-form-last-name" placeholder="手机号码">
<label for="basic-form-last-name">手机号码</label>
</div>
<div class="form-group">
<input type="email" id="basic-form-email" placeholder="邮箱">
<label for="basic-form-email">邮箱<span class="error">输入一个有效的电子邮件地址</span></label>
</div>
<button id="basic-form-submit" type="submit">发送信息</button>
</form>