プレースホルダーだけを使用しているときにフォームの必須フィールドをマークするにはどうすればよいですか？
入力ファイルの上にラベルを付けずにフォームを設計しました。プレースホルダーを使用して、フィールドが何であるかをユーザーに通知しています。それは機能し、正常に見えますが、私の質問は、検証ヒットの前にどのフィールドが必要かをユーザーにどのように通知できますか？
ラベルがある場合、ラベル名の後にアスタリスクを使用します-ラベルを使用せずにこれらの入力にマークを付けるにはどうすればよいですか？ベストプラクティスは何ですか？
プレースホルダー自体にアスタリスク記号を含めて、必須フィールドを表すことができます。
ただし、ユーザーがテキストフィールドの目的を理解するためにラベルが必要であり、一部のシナリオではプレースホルダーを使用できるため、これは最良のアプローチではない可能性があります。
このような場合、Googleのマテリアルデザインテキストフィールドを使用して、プレースホルダーの代わりにラベルを保持し、クリックすると上に移動できます。
または、以下の例のように、テキストフィールドの上にスペースをとらないようにラベルを表示することもできます。
上記のデザインのサンプルコードは、次のリンクにあります。 https://css-tricks.com/float-labels-css/