フォーム選択必須およびプレースホルダ

Question

この時点で私のコードは時代遅れです（注 - このコードはPHP forループがエコーされているので、$ i変数が増分しているすべてのパス）：

<select name='field{$i}type' class='form-control' required> 
    <option disabled selected hidden>Type of Field</option> 
    <option value='text'>Text</option> 
</select> 

この選択は、私のPHPで動的に作成されたとき、私は選択のための "プレースホルダ"を持っている。プレースホルダ（Bootstrap select dropdown list placeholder）を作成する方法の解答を見つけました。これはそこにあり、作業しています。しかし、私はこの選択を必要とする必要があります。私は、フォーム提出の前にユーザーにテキストオプションを選択させる必要があります。純粋なHTMLでこれを行う方法はありますか？私が "選択された"パラメータを入れたので、必要なオプションが混乱していると思います。それは事実ですか？どうしたらいいですか？

Answer 1

値がvalue=""のようにnullであり、それが必要な場合は、あなたが提出する値必要があります（HTMLの検証を。）

使用するために必要な属性

最も簡単なHTML5の検証機能があります必須属性 - 入力を必須にする場合は、この属性を使用して要素にマークを付けることができます。この属性が設定されていると、入力が空の場合（入力も無効と見なされます）、フォームはサブミットされず（エラーメッセージが表示されます）。

REF：プレースホルダ "オプション "に `""= '値を追加するhttps://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Form_validation

<form> 
 
    <select name='field{$i}type' class='form-control' required> 
 
    <option disabled value="" selected hidden>Type of Field</option> 
 
    <option value='text'>Text</option> 
 
</select> 
 

 
    <button type="submit">SUBMIT</button> 
 
</form>