推荐开源项目：jQuery Watermark - 简洁高效的表单水印插件
// 引入jQuery库
// <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
// 引入jQuery Watermark插件
// <script src="https://cdn.jsdelivr.net/npm/jquery-watermark@1.0.0/jquery.watermark.min.js"></script>
// 页面加载完成后应用水印
$(document).ready(function() {
// 设置水印文字和其他选项
$('#myInput').watermark("Type here...");
});
// HTML 输入元素
// <input type="text" id="myInput" />这个例子展示了如何在一个文本输入框中应用水印效果。首先，我们需要引入jQuery库和jQuery Watermark插件。在页面加载完成后，我们使用jQuery选择器选中需要添加水印的输入框，并调用.watermark()方法来设置水印文字。最后，我们在HTML中定义了一个文本输入框，其id为"myInput"，以便jQuery可以选中并应用水印效果。
评论已关闭