表单发布值取决于文本框输入长度

Question

我有两个php文件：Form.php和NoForm.php

在Form.php中我有：

<span style="position:relative; left:10px;"><input type="text" id="fName" name="fName">
<span style="position:relative; left:155px;"><input type="text" id="gName" name="gName">
</span></span>
<hr>
<span style="position:relative; left:10px;">Family name <span style="position:relative; left:242px;">Given name</span></span>
<br>

当我提交表单时，我使用$ _POST方法获取NoForm.php值。

然后，在NoForm.php中我有：

<div id="familyName" style="position:relative; left:10px; float:left;"><?php echo $_POST['fName'];?></div> <span style="position:relative; left:350px;"><div id="givenName"><?php echo $_POST['gName'];?></div></span>
<hr>
<span style="position:relative; left:10px;">Family name <span style="position:relative; left:242px;">Given name</span></span>

我遇到的问题是我想在NoForm.php中，系列名和给定名称在Given名称和系列名称标签的上方开始，但位置随文本框输入长度的变化而变化。

有什么建议吗？ 感谢

Answer 1

解决！

我所做的是改变NoForm.php的div。

现在无论输入值如何，这些文本框都是固定的。