HTMLでヒントテキストを表示する方法

placeholder属性を使用する方法:

<input type="text" placeholder="ここにヒントテキストを入力">

title属性を使用する方法:

<input type="text" title="ここにヒントテキストを入力">

JavaScriptを使用してヒントテキストを実装する方法:

<input type="text" id="myInput">
<script>
var input = document.getElementById("myInput");
input.addEventListener("focus", function() {
if (input.value === "") {
  input.value = "ここにヒントテキストを入力";
}
});
input.addEventListener("blur", function() {
if (input.value === "ここにヒントテキストを入力") {
  input.value = "";
}
});
</script>