把驗證圖標，輸入而不引導

-1

喜簡單的方法:)什麼是使用jQuery把驗證圖標，輸入而不引導和支持RTL把驗證圖標，輸入而不引導

2016-05-16 Haitham Laith

不加入的最好的和簡單的方法字體庫（即W /生CSS & HTML），你可以嘗試添加一個Unicode code point如：

.success { 
 
    font-style: normal; 
 
    background: lightgreen; 
 
    padding: 5px; 
 
    border-radius: 5px; 
 
} 
 

 
.success:before { 
 
    color: green; 
 
    margin-right: 10px; 
 
    content: "\2611"; /* Unicode Ballot Box with Check */ 
 
}

<i class="success">[email protected]</i>

UPDATE：

如果您需要從右到左（RTL）的特定元素，你可以添加direction: rtl的CSS選擇器OR添加dir="rtl"的元素或它的後代之一。

下面是一個簡單只使用HTML5驗證，CSS和Unicode代碼點：

來源

2016-05-16 18:52:20

對不起，我的意思是在輸入就像照片ATT。 –

@haitham - 這取決於你是否想使用jQuery或JavaScript。一個簡單的方法是使用[HTML5驗證]（http://www.the-art-of-web.com/html/html5-form-validation/）。我個人最喜歡的（如果使用jQuery）是[jQuery驗證]（https://jqueryvalidation.org/）...並且總是有原始的[JS驗證]（http：//www.the-art-of-web。 COM/JavaScript的/驗證/） –

把驗證圖標，輸入而不引導

回答

相關問題