如何使下拉列表和文本框成单行

时间:2013-04-26 09:58:52

标签: html5 textbox

我想打电话号码。字段进入表单。用户应从下拉框中选择区号,然后在下拉框中选择它们应该是文本框以输入电话号码。我想将下拉框和文本框用于单个标记。当我尝试这个时,它会自动发送

标签,将第二个字段即文本框自动发送到第二行。当我使用两个文本框或两个下拉框时,它可以正常工作到单个标签。

我想将一个下拉框和一个文本框用于单个标记。

或者我们可以做任何其他方法。

请找到我正在使用的代码。

    <table>
    <tbody>
    <tr>
    <td><label>Name:</label></td>
    <td><input type="text" name="bftpro_name"/></td>
    </tr>
    <tr>
    <td><label>Email:</label></td>
    <td><input type="text" name="email"/></td>
    </tr>
   <tr>         
   <td><label>Phone No:</label></td>
    <td><select id="countries" style="width: 50%; name="countries">
    <option value="Afghanistan">Afghanistan</option>
    <option value="Åland Islands">Åland Islands</option>
    <option value="Albania">Albania</option>
    <option value="Algeria">Algeria</option>
    </select>
    <input type="text" style="width: 50%; name="field_2" value=""/></td>
    </tr>
    <tr>
    <td colspan="2" align="center"><input type="submit" value="Download"/></td>
    </tr>
    </tbody>
    </table>
    <input type="hidden" name="bftpro_subscribe" value="1"/>
    <input type="hidden" name="list_id" value="2"/>     
    </form>

1 个答案:

答案 0 :(得分:0)

您应该将它们放在单独的<td>

   <td><label>Phone No:</label></td>
        <td><select id="countries" style="width: 50%; name="countries">
        <option value="Afghanistan">Afghanistan</option>
        <option value="Åland Islands">Åland Islands</option>
        <option value="Albania">Albania</option>
        <option value="Algeria">Algeria</option>
        </select>
    </td>
    <td><input type="text" style="width: 50%; name="field_2" value=""/></td>