چگونه برای تکست باکس ها در اچ تی ام ال واترمارک بذارم؟

[غزل21]

تازه با واترمارک اشنا شدم و خیلی ازش خوشم اومد ولی هرچی در نت گشتم چیز به درد بخوری نتونستم پیدا کنم از عزیزان کسی هست که نمونه کدی به زبان html در همین باب برام بفرس؟اگه بفرسته خیلی ممنون میشم با تشکر فراوان

[amir]

با استفاده از کد زیر میتونی کاری که میخوای رو بکنی:

<form action="/action_page.php">
  <input type="text" name="fname" placeholder="نام خود را وارد کنید"><br>
  <input type="submit" value="Submit">
</form>

[noavarangermi]

دوست عزیز اگه منظورتون از واترمارک در داخل Textbox باشه همون کدی که دوست عزیزمون آقا amir قرار دادن به دردتون می خوره ولی اگه منظورتون واترمارک روی تصویر باشه یعنی متنی رو بیاد روی یه تصویر قرار بدین می تونید از کد زیر استفاده کنید.

#watermark {
  height: 450px;
  width: 600px;
  position: relative;
  overflow: hidden;
}
#watermark img {
  max-width: 100%;
}
#watermark p {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 18px;
  pointer-events: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}

<div id="watermark">
  <img src="http://www.topchinatravel.com/pic/city/dalian/attraction/people-square-1.jpg">
  <p>This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark. This is a watermark.</p>
</div>