如何使用html在一行中生成所有输出？用户名项目 Macbook 索尼锰矿粉纳波利安摩托罗拉量 1. 2. 3. 4. 5._Html_Css_Forms

如何使用html在一行中生成所有输出？用户名项目 Macbook 索尼锰矿粉纳波利安摩托罗拉量 1. 2. 3. 4. 5.

html css forms

如何使用html在一行中生成所有输出？用户名项目 Macbook 索尼锰矿粉纳波利安摩托罗拉量 1. 2. 3. 4. 5.,html,css,forms,Html,Css,Forms,执行此代码后，所有输出都是垂直形式的，我只想将其排成一行。请给我一个解决方案，我是php新手。试试这个 <html> <body> <form name="orderform" action="order.php" method="POST"> <label>Username</label><br> <input name="user" type="text" value="" size="10" maxle

执行此代码后，所有输出都是垂直形式的，我只想将其排成一行。请给我一个解决方案，我是php新手。

试试这个

<html>
<body>     
<form name="orderform" action="order.php" method="POST">
<label>Username</label><br>
<input name="user" type="text" value="" size="10" maxlength="22">
<br>
<label>Items</label>
<div align="left">
 <select name="mydropdown">
<option value="macbook">Macbook</option>
<option value="sony">Sony</option>
<option value="micromax">Micromax</option>
<option value="napolean">Napolean</option>
<option value="motorola">Motorola</option>
</select>
</div>
 <label>Quantity</label>
 <div align="left">
<select name="mydropdown">
<option value="quantity1">1</option>
<option value="quantity2">2</option>
<option value="quantity3">3</option>
<option value="quantity4">4</option>
<option value="quantity5">5</option>
</select>
</div>
 <input name="Order" type="submit" value="Order">
</form>
<form name="orderform" action="addtocart.php" method="POST">
    <input name="Cart" type="submit" value="Add to Cart">
</form> 
</body>
 </html>


表格组{
显示：内联块；
}
用户名
项目
Macbook
索尼
锰矿粉
纳波利安
摩托罗拉
量
1.
2.
3.
4.
5.

使用CSS将所有内容放在一行是很容易的。您只需删除某些元素的默认换行效果：

<!doctype html>
<html>
<head>
<style type="text/css" media="screen">
form div {
    display: inline-block;
}
</style>
</head>
<body>     
    <form name="orderform" action="order.php" method="POST">
        <div>
            <label>Username</label>
            <input name="user" type="text" value="" size="10" maxlength="22">
        </div>

        <div align="left">
            <label>Items</label>
            <select name="mydropdown">
                <option value="macbook">Macbook</option>
                <option value="sony">Sony</option>
                <option value="micromax">Micromax</option>
                <option value="napolean">Napolean</option>
                <option value="motorola">Motorola</option>
            </select>
        </div>
        <div align="left">
            <label>Quantity</label>
            <select name="mydropdown">
                <option value="quantity1">1</option>
                <option value="quantity2">2</option>
                <option value="quantity3">3</option>
                <option value="quantity4">4</option>
                <option value="quantity5">5</option>
            </select>
        </div>
        <div>
            <input name="Order" type="submit" value="Order">
        </div>
        <div>
            <input name="Cart" type="submit" value="Add to Cart">
        </div>
    </form>
</body>
 </html>

当然，在HTML中执行同样的操作需要修改HTML标记。您只需删除

div

和

br

标记，但表单需要特殊处理：在HTML中将两个表单放在一行的方法是将它们放在一个表中：

form, form div { display: inline }
form br { display: none }


用户名
项目
Macbook
索尼
锰矿粉
纳波利安
摩托罗拉
量
1.
2.
3.
4.
5.

您确定这是PHP问题吗？查看HTML5/CSS3。抱歉，这是html问题？如果删除div，它将水平显示控件。我的对齐方式将无法正常工作。您可以选择将控件放置在表格中，在单行中的各个列中。这应该能奏效

<html>
<body>  
<table cellpadding=0 cellspacing=0>
<tr><td>   
<form name="orderform" action="order.php" method="POST">
<label>Username</label>
<input name="user" type="text" value="" size="10" maxlength="22">
<label>Items</label>
 <select name="mydropdown">
<option value="macbook">Macbook</option>
<option value="sony">Sony</option>
<option value="micromax">Micromax</option>
<option value="napolean">Napolean</option>
<option value="motorola">Motorola</option>
</select>
 <label>Quantity</label>
<select name="mydropdown">
<option value="quantity1">1</option>
<option value="quantity2">2</option>
<option value="quantity3">3</option>
<option value="quantity4">4</option>
<option value="quantity5">5</option>
</select>
 <input name="Order" type="submit" value="Order">
</form>
<td>
<form name="orderform" action="addtocart.php" method="POST">
    <input name="Cart" type="submit" value="Add to Cart">
</form> 
</table>
</body>
</html>