首页>>表单>>CSS自定义输入框 占位符(2021-07-20)

CSS自定义输入框 占位符

CSS自定义输入框 占位符
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="page">  
  2.   <div class="page__demo">  
  3.     <div class="main-container page__container">  
  4.       <div class="page__section">  
  5.         <label class="field field_type1">  
  6.           <input class="field__input" placeholder="输入名称">  
  7.           <span class="field__label">输入名称</span>  
  8.         </label>  
  9.       </div>  
  10.       <div class="page__section">  
  11.         <label class="field field_type2">  
  12.           <input class="field__input" placeholder="输入手机">  
  13.           <span class="field__label">输入手机</span>  
  14.           <span class="field__line"></span>  
  15.         </label>  
  16.       </div>  
  17.       <div class="page__section">  
  18.         <label class="field field_type3">  
  19.           <input class="field__input" placeholder="输入邮箱">  
  20.           <span class="field__label">输入邮箱</span>  
  21.           <span class="field__line"></span>  
  22.         </label>  
  23.       </div>        
  24.     </div>  
  25.   </div>  
  26. </div>  

 


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