Hi
could anyone tell me how can I convert these 4 steps to html tag
It’s my first time to face this kind of steps so I don’t know how to write it as a markup
Is it will be as a link (like a menu) or what like what exactly?
also how can I add upload button. Is it like a submit button??
The image in conjunction with your question is a bit confusing. Here is my take on what the answer SHOULD be, hopefully my tips will help
It makes no sense to have an UPLOAD button, worse to have MULTIPLE upload buttons. Always think from the point of view of the USER. does one have to select AND upload files individually??
Your UPLOAD are INPUTS type=file, in a single form , you could have an additional submit input element ( hidden or not) but that depends on what your overall intent is.
OH, and not like many folks upload from their cellphones, yet, but if you are thinking of NOT HAVING a submit button on your for remember that not everyone is utilizing devices with return keys these days.
OK, the other part is just a list ( am assuming all you have is text)…
action: a URL where the form is processed , by defaul it ges to the same page the form is in
method: GET or POST goes here, by defauly it’s GET. Since you are upping files, you really will need POST.
enctype=‘multipart/form-data’ is needed because you are upping files!
When a form gets submitted the element name is what gets passed as a variable name for that field. So naming the file imputs the same name, actually uploads 3 files but overrides the first two! nice, eh?
You can use different names , but best practice is to make it an array, name=‘datafile’. When you process the form in the back end you can iterate through ‘datafile’, the first one will be datafile[0], second will be datafile[1], third datafile[2] and so forth…
it’s also good to have a name on the submit button that way its value will be passed on submission as such you can use that ON THE POSSESSING PAGE to see if the form has been submitted.
<php? if (!isset($_POST['sub'])){ echo "uh oh, you are here but you didnt press submit!!!";} ?>
oh … and this is just added info…
depending on how you are styling this you could put all the inputs in just one div.