html - Change order user tabs through div elements -

Below I am using my ASP MVC view. I want a tab order in this order to go from the previous text box input in the field below:

1. Agent Typefield
2. Basicfield
4. DSSAgentIds
5. DSSFields
6. Distribution Structure
7. Distribution Fills
8. DRMFields
9. DSSAgentIds
10. DSSFields

    Now when the focus of the page is on the input box before agent typefield , in leftDiv There is a field in topDiv >. When the user is tabbed via this field, then the focus then moves to the input before DistributionFields . Originally from the leftDiv to topDiv , middleDiv , down from the drive and from the leftDiv field To move, the tab index needs to be moved, and then back / middle / bottom divs back to rightDiv elements

    I Tab and fieldet elements, but it only focuses on the element itself, it does not contain the information contained in it when the HTML / S If it comes to RSS, then most of the suggestions / support will be greatly appreciated. Thanks!

      & lt; Div id = "BigDiv" style = "clear: both;" & Gt; @ Html.HiddenFor (model = & gt; model.CreatedDate) @ Html.HiddenFor (model = & gt; Model. Created operator) @Html.Heddfor (model => model.referencenumber) @html.headedfor (model = & Gt; type model reference) @html Hideduff (model => model.exertty type) @HTML.Heddfor (model => model.ragian) @ html.headdfor (model => model.inddist) & lt; Div id = "topDiv" & gt; & Lt; Div class = "leftDiv" style = "width: 450px; float: left;" & Gt; & Lt; Fieldet id = "agent type field" style = "width: 400px;" & Gt; ... & lt; / Fieldset & gt; & Lt; / Div & gt; & Lt; Div square = "wrightdiv" style = "width: 450px; float: left;" & Gt; & Lt; Fieldet id = "DistributionFields" style = "width: 400px;" & Gt; ... & lt; / Fieldset & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div id = "middleDiv" & gt; & Lt; Div class = "leftDiv" style = "width: 450px; float: left;" & Gt; & Lt; Fieldet id = "BasicFields" style = "width: 400px;" & Gt; ... & lt; / Fieldset & gt; & Lt; / Div & gt; & Lt; Div square = "wrightdiv" style = "width: 450px; float: left;" & Gt; & Lt; Fieldet id = "DRMFields" style = "width: 400px;" & Gt; ... & lt; / Fieldset & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div id = "bottomDiv" & gt; & Lt; Div class = "leftDiv" style = "width: 450px; float: left;" & Gt; & Lt; Field set id = "address-field" style = "width: 400px;" & Gt; ... & lt; / Fieldset & gt; & Lt; Fieldet id = "CommunicationFields" style = "width: 400px;" & Gt; ... & lt; / Fieldset & gt; & Lt; / Div & gt; & Lt; Div square = "wrightdiv" style = "width: 450px; float: left;" & Gt; & Lt; Fieldet id = "DSSAgentIds" style = "width: 400px;" & Gt; ... & lt; / Fieldset & gt; & Lt; Fieldet id = "DSSFields" style = "width: 400px;" & Gt; ... & lt; / Fieldset & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; P & gt; & Lt; Input type = "submit" value = "save" /> & Amp; Nbsp; & Nbsp; & Amp; Nbsp; & Nbsp; & Nbsp; @htmlexeanlink ("back to search", "index", "agent") & lt; / P & gt; & Lt; / Div & gt;  "post-text" itemprop = "text"> 
     Instead of the field, put the tabinedx on the first field on the field in the field, however, it is really screwed with blinds that come to your site. .