在javascript中更改位置或字段的順序

Question

有沒有方法可以在不訪問jsp的情況下僅使用javascript或jquery更改字段的順序。說我有我的jsp

名 姓2場

我一定能成功，如下withput觸摸JSP代碼？通過使用JavaScript

姓 名

Answer 1

使用示例代碼

<form action="demo_form.asp"> 
First name: <input type="text" name="fname"><br> 
Last name: <input type="text" name="lname"><br> 
<input type="submit" value="Submit"> 
</form> 

如果我想改變順序，說在顯示的形式，我將使用CSS作爲一個評論建議。因此，HTML可以是：

<div class="container"> 
    <form action="demo_form.asp"> 
     <div class="fname-holder"> 
      <input type="text" name="fname"> 
      <label for="fname">First name</label> 
     </div> 
     <div class="lname-holder"> 
      <input type="text" name="lname"> 
      <label for="lname">Last name</label> 
     </div> 
     <input type="submit" value="Submit"> 
    </form> 
</div> 

請注意添加的div和標籤標記。 而要改變垂直順序可以是這樣使用的顯示錶中的CSS：

container { 
    display: table; 
} 
.fname-holder { 
    display: table-footer-group; 
} 
.lname-holder { 
    display: table-header-group; 
} 
label { 
    display: block; 
    float: left; 
} 

Here's一個的jsfiddle試試

Answer 2

也是最直接的可能是，

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> 
<script> 

    $(document).ready(function() { 
     $("form").html(' Last name: <input type="text" name="lname"><br> First name: <input type="text" name="fname"><br> <input type="submit" value="Submit"> '); 
}); 

</script>