Kod
<div style="position:relative; width:400px; height:500px;">
<img alt="..." src="..." style="position:absolute; width: 400px; height: 500px;" >
<div id="watermark" style="position:absolute;bottom:0;opacity:0.6;right:20px;color:#FFF"></div>
</div>
<input type="text" id="tx" name="tx" onchange="watermark(this.value)">
<script type="text/javascript">
function watermark(tex) {
document.getElementById('watermark').innerHTML = tex;
}
</script>
Jednak, żeby na obrazku trwale zrobić znak wodny musisz to zrobić z odświeżeniem, w PHP, za pomocą biblioteki GD2.