Javascript 将输入转换为文本而不影响表列

我正在使用HTML、PHP和JavaScript。我试图创建一个可以将输入转换为文本的表单。但问题是，当我单击按钮时，所有列都会受到影响

这是我的输入表代码：

<td>
  <form method="POST" name="f1" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']) ?>">
     <input type="text" name="amount" id="fileserver" placeholder="Please Enter Amount">
     <div id="test"></div>
     <div class="col-md-1 col-sm-1 col-1 text-right">
        <button class="btn btn-primary" onclick="disable_all();">SUBMIT</button>
     </div>
   </form>
 </td>

我很困惑，你能解释一下这和C有什么关系吗？不。错误的标签配偶。我的坏消息是哪些其他栏目受到影响？我很困惑，你能解释一下这和C有什么关系吗？不。错误的标签配偶。我的BAD其他哪些列受到影响？
<script>
        function disable_all()
        {
        $( "form" ).html($( "#fileserver" ).val());
        }
</script>