在網(wǎng)頁開發(fā)中,經(jīng)常會用到input表單元素,不過默認(rèn)的輸入框樣式可能并不滿足我們的需要。這時候,就需要用到j(luò)Query來控制input的格式。
首先,我們需要在HTML文檔中引入jQuery庫,可以從官網(wǎng)下載最新版本,也可以使用CDN方式引入:
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
接下來,我們可以使用jQuery選擇器選中需要改變樣式的input元素。例如,我們需要將所有type為text的輸入框背景顏色改為灰色:
$(document).ready(function() { $('input[type="text"]').css('background-color', 'grey'); });
如果希望在輸入框中默認(rèn)提示一些信息,可以使用jQuery的val()方法:
$(document).ready(function() { $('input[type="text"]').val('請輸入內(nèi)容'); });
或者,我們可以通過給input元素添加class來控制其樣式。例如,我們想要將所有class為my-input的輸入框樣式設(shè)置為圓角:
.my-input { border-radius: 5px; }
以上只是jQuery控制input格式的一些簡單示例,開發(fā)者可以根據(jù)自己的需求自由控制input的樣式。同時,也要注意不要過度修改樣式,導(dǎo)致頁面難以維護(hù)。
上一篇mysql主從同步掛了
下一篇純css3浮動的小豬動畫