wordpress添加Html5的表單驗(yàn)證required方法小結(jié)

時(shí)間：2023-03-03 12:24:01 | 來(lái)源：建站知識(shí)

時(shí)間：2023-03-03 12:24:01 來(lái)源：建站知識(shí)

這篇文章主要介紹了wordpress添加Html5的表單驗(yàn)證required方法小結(jié),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

表單驗(yàn)證 是防止垃圾評(píng)論的一個(gè)方面，wordpress已經(jīng)自帶了嚴(yán)格的驗(yàn)證方法，隨著HTML5的推廣支持，我們可以在WordPress評(píng)論表單上添加Html5的表單驗(yàn)證方法驗(yàn)證方法，增加用戶(hù)的良好體驗(yàn)

1、required 屬性定義和用法

required 屬性規(guī)定必需在提交之前填寫(xiě)輸入字段。

如果使用該屬性，則字段是必填（或必選）的。

注釋?zhuān)簉equired 屬性適用于以下 類(lèi)型：text, search, url, telephone, email, password, date pickers, number, checkbox, radio ， file。

2、修改wordpress的姓名和郵箱必填字段

WordPress 的話(huà)，評(píng)論框中需要用到email與url（對(duì)應(yīng)電子郵箱，網(wǎng)站）。結(jié)合required屬性、placeholder屬性，原來(lái)的代碼應(yīng)該修改為類(lèi)似如下：

<input id="author" name="author" type="text" class="form-control" placeholder="昵稱(chēng)" 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的表單===*/
/* 無(wú)效 */
input:required:invalid{
CSS代碼
}
/* 有效 */
input:required:valid{
CSS代碼
}

總結(jié)

到此這篇關(guān)于wordpress添加Html5的表單驗(yàn)證required方法小結(jié)的文章就介紹到這了,更多相關(guān)wordpress添加Html5的表單驗(yàn)證required內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！

來(lái)源：腳本之家

鏈接：https://www.jb51.net/html5/741095.html