如何最好地在 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) |
|----------------|