Question

如何在同一行中添加文本和输入文本框？

我正在使用Wordpress，我正在向页面添加这类内容，但格式似乎不同，元素显示在不同的行中。

我正在使用这样的常规代码：

<form width="300px">
<a>First name:</a> <input type="text" name="firstname" /><BR />
<a>Last name:</a> <input type="text" name="lastname" />
</form> 

<table border="1">
<tr>
<td>row 1, <input type="text" name="firstname" /></td>
<td>row 1, <input type="text" name="firstname" /></td>
</tr>
<tr>
<td>row 2, <input type="text" name="firstname" /></td>
<td>row 2, <input type="text" name="firstname" /></td>
</tr>

Answer 1

您需要在两个列中跨越您的td

<tr>
    <td colspan="2"> row 1, <input type="text" name="firstname" /></td>
</tr>

或者，你的桌子太窄了，这里是如何将你的桌子设置为500像素宽。

<table width="500px">

如果您遇到列太窄的问题，则可以更改表格行的宽度。

<td width="80%"> </td>

Answer 2

我已将您的代码添加到空白的html文件中，这是我的输出。这是你正在寻找的正确的？如果这是你想要实现的目标，那么你的标记很好。

enter image description here

这来自以下代码：

<html>
<head></head>
<body>
<form width="300px">
    <a>First name:</a> <input type="text" name="firstname" /><BR />
    <a>Last name:</a> <input type="text" name="lastname" />
</form> 

<table border="1">
<tr>
    <td>row 1, <input type="text" name="firstname" /></td>
    <td>row 1, <input type="text" name="firstname" /></td>
</tr>
<tr>
    <td>row 2, <input type="text" name="firstname" /></td>
    <td>row 2, <input type="text" name="firstname" /></td>
</tr>
</body>
</html>

Answer 3

解决方案：在尝试我之前的答案后，marco仍然为他的控件获取了多行。 Marco检查了他的标记，发现添加了额外的<br>标签。我建议这必须来自主题本身的某个地方的脚本。我们追踪了他的主题脚本文件夹，Marco能够确定添加<br>标签的代码行。

来自Marco：“Dylan，函数wpautop($pee, $br = 0)完成了这个技巧，如果设置为1，它会在0中插入自动中断!!! {1}}它不会像那样工作，你的代码看起来就像你期望的那样！“

您可以关注我们的聊天： Here

Wordpress表使用文本和输入框看起来不正确

3 个答案: