デフォルトの HTML 入力ボックスのメッセージを無効にするにはどうすればよいですか?

Question

空の HTML 入力テキストボックスの送信ボタンを押すと、このデフォルトのメッセージが自動的に表示されます。このデフォルトのメッセージではなく、ボックスの境界線を赤にしたいと思います。どうすればよいでしょうか?

ボックスのコードは次のとおりです:

<div class="input-group" id="email-input">
 <input type="text" id="email" name="email" autocomplete="off" 必須
 placeholder="電子メール">
</div>

Answer 1

1. HTML <input> タグから必要な属性を削除します。

表示された「このフィールドに入力してください」プロンプトを削除します。

赤い枠線については、次のことを検討してください:

2. CSS 疑似クラス (例: hover) を使用してインタラクティブなアニメーションを有効にする

リーリー リーリー