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

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

CSS表单交互 输入时候上浮文字提示
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <form id="basic-form">  
  2.     <div class="form-group">  
  3.       <input type="text" id="basic-form-first-name" placeholder="名称">  
  4.       <label for="basic-form-first-name">名称</label>  
  5.     </div>  
  6.     <div class="form-group">  
  7.       <input type="text" id="basic-form-last-name" placeholder="手机号码">  
  8.       <label for="basic-form-last-name">手机号码</label>  
  9.     </div>  
  10.     <div class="form-group">  
  11.       <input type="email" id="basic-form-email" placeholder="邮箱">  
  12.       <label for="basic-form-email">邮箱<span class="error">输入一个有效的电子邮件地址</span></label>  
  13.     </div>  
  14.     <button id="basic-form-submit" type="submit">发送信息</button>  
  15.   </form>  

 


原文地址:http://www.freejs.net/article_biaodan_916.html