How best to structure a Data Entry screen in HTML5?
FYI - the data is brought to page with the following PHP script and it works - no issues here.\[code\]while ($row = $sth->fetch(PDO::FETCH_ASSOC)) { echo $row['field1'],'<br>'; echo $row['field2'],'<br>'; echo $row['field3'],'<br>';}\[/code\]
Step 2 - Show the input fields for new data
I want to show input fields for \[code\]{field4,field5}\[/code\].
QUESTION: Must I use the HTML element "form" or should/can I be using the "data" or "list" HTML element ?\[code\]<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="" />\[/code\]
Here is a visual representation of the data entry screen.\[code\]|----------------||Filed1: Data1 ||Filed2: Data2 ||Filed3: Data3 ||----------------| |Field4: (Empty) ||Field5: (Empty) ||----------------|\[/code\]
- Keep in mind I would like to use table-less CSS
- I have some data already collected (fileds 1,2,3) and want to collect fields 4 and 5
- I am looking at forms, lists, or data elements - all seem like they could do the job
FYI - the data is brought to page with the following PHP script and it works - no issues here.\[code\]while ($row = $sth->fetch(PDO::FETCH_ASSOC)) { echo $row['field1'],'<br>'; echo $row['field2'],'<br>'; echo $row['field3'],'<br>';}\[/code\]
Step 2 - Show the input fields for new data
I want to show input fields for \[code\]{field4,field5}\[/code\].
QUESTION: Must I use the HTML element "form" or should/can I be using the "data" or "list" HTML element ?\[code\]<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="" />\[/code\]
Here is a visual representation of the data entry screen.\[code\]|----------------||Filed1: Data1 ||Filed2: Data2 ||Filed3: Data3 ||----------------| |Field4: (Empty) ||Field5: (Empty) ||----------------|\[/code\]