HTML5 でデータ入力画面を構成するにはどうすればよいですか?
- テーブルレスCSSを使用したいことに注意してください
- いくつかのデータが既に収集されており (ファイル 1、2、3)、フィールド 4 および 5 を収集したい
- フォーム、リスト、またはデータ要素を見ています - すべてが機能しているように見えます
ステップ 1 -{field1,field2,field3}既に収集されているデータを提示します。
参考までに - データは次の PHP スクリプトを使用してページに表示され、動作します - ここでは問題ありません。
while ($row = $sth->fetch(PDO::FETCH_ASSOC)) {
echo $row['field1'],'<br>';
echo $row['field2'],'<br>';
echo $row['field3'],'<br>';
}
ステップ 2
- 入力フィールドを表示したい新しいデータの入力フィールドを表示します{field4,field5}。
質問：
HTML要素「フォーム」を使用する必要がありますか、それとも「データ」または「リスト」HTML要素を使用する必要がありますか?<label for="form_id">Test Form</label>
<input type="text" name="field4" value="" />
<label for="form_id">Test Form</label>
<input type="text" name="field5" value="" />
以下は、データ入力画面の視覚的表現です。
|----------------|
|Filed1: Data1 |
|Filed2: Data2 |
|Filed3: Data3 |
|----------------|
|Field4: (Empty) |
|Field5: (Empty) |
|----------------|