How to prevent nested form in HTML without having to move the controls

Asked Jun 19 '18 at 04:07

Active Jun 19 '18 at 06:11

Viewed 127 times

I have .Net Core MVC application written in C# and I have this HTML

<form>  
  <input type="text" id="username" />
  <input type="text" id="password" />
  <input type="submit" />
</form>

Now I want to put FileUpload between username and password, but I also want to use separate Form and submit for it. How do I achieve this?

edited Jun 19 '18 at 06:11

venerik

asked Jun 19 '18 at 04:07

tickwave

2 Parallel forms ? Siblings – Shyju Jun 19 '18 at 04:07
@Shyju: Can you provide example? – tickwave Jun 19 '18 at 04:08
see https://stackoverflow.com/questions/379610/can-you-nest-html-forms – PepitoSh Jun 19 '18 at 04:09
BTW, Why do you want to keep the file upload between username and password if it is being submitted with a different submit button ? – Shyju Jun 19 '18 at 04:09
@Shyju: It's just an example, in my real application, I have bunch of field for product information along with its picture. – tickwave Jun 19 '18 at 04:13
1

What is stopping you from having 2 forms(not nested, but siblings) ? – Shyju Jun 19 '18 at 04:13
@Shyju: I don't understand what do you mean by siblings? Can you be more specific or post an answer with example? The link you gave me have bunch of answers. – tickwave Jun 19 '18 at 04:16
Create another `form` under your current code. That will be a sibling to your current form. – Shyju Jun 19 '18 at 04:19
@Shyju: I want the upload file position to be between username and password. – tickwave Jun 19 '18 at 04:22
You didn't tell us about why you wish to have two separate forms. Have to submit to different servers? – PepitoSh Jun 19 '18 at 04:42

0 Answers0