wordpress添加Html5的表單驗證required方法小結
發(fā)布時間：2020-08-18 14:32:57 作者：511遇見 
我要評論
我要評論這篇文章主要介紹了wordpress添加Html5的表單驗證required方法小結,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
表單驗證 是防止垃圾評論的一個方面，wordpress已經(jīng)自帶了嚴格的驗證方法，隨著HTML5的推廣支持，我們可以在WordPress評論表單上添加Html5的表單驗證方法驗證方法，增加用戶的良好體驗
1、required 屬性定義和用法
required 屬性規(guī)定必需在提交之前填寫輸入字段。
如果使用該屬性，則字段是必填（或必選）的。
注釋：required 屬性適用于以下 類型：text, search, url, telephone, email, password, date pickers, number, checkbox, radio ， file。
2、修改wordpress的姓名和郵箱必填字段
WordPress 的話，評論框中需要用到email與url（對應電子郵箱，網(wǎng)站）。結合required屬性、placeholder屬性，原來的代碼應該修改為類似如下：
<input id="author" name="author" type="text" class="form-control" placeholder="昵稱" required="required" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30" /> <input id="email" name="email" type="text" class="form-control" placeholder="272586593@QQ.com" required="required" value="' . esc_attr( $commenter['comment_author_email'] ) . '" size="30" />
3、修改氣泡提示樣式
在主題的style.css里添加樣式
/*===包含required的表單===*/
/* 無效 */
input:required:invalid{
CSS代碼
}
/* 有效 */
input:required:valid{
CSS代碼
}
總結
到此這篇關于wordpress添加Html5的表單驗證required方法小結的文章就介紹到這了,更多相關wordpress添加Html5的表單驗證required內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了HTML如何對齊多個表單中的文本框的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一2020-06-18html表單控件禁用屬性readonly VS disabled介紹
這篇文章主要介紹了html表單控件禁用屬性readonly VS disabled區(qū)別,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-04-13
這篇文章主要介紹了HTML5表單驗證特性的一些知識點，本文通過實例代碼截圖的形式給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-10- 表單提交是常見的一種操作，這篇文章主要介紹了html中表單提交的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-06
本文通過實例代碼給大家分享基于HTML通過表單實現(xiàn)酒店篩選功能，代碼真的很簡答，對大家學習html表單相關知識有很大的幫助，對html酒店篩選相關知識，感興趣的朋友一起看看2021-05-17
