如何在句子、单选按钮和文本框之间留出空格？ (HTML)答案

【问题标题】：How do I make spaces between sentences and radio buttons and text boxes? (HTML)如何在句子、单选按钮和文本框之间留出空格？ (HTML)
【发布时间】：2023-03-24 09:53:02
【问题描述】：

我有以下代码，想将以下物品分开大约 10 英寸。我正在创建一个表单，用户可以在其中读取他们的输入。这是我希望的样子：名称：...................... TEXTBOX（不含句点）

<body>
<lable>Name:</label> <input type="text" name="name" value="<?php echo $name;?>">
<lable>
<p>E-mail:
</label>     
<input type="text" name="email" value="<?php echo $email;?>">
</p>
<lable>
Website:</label>  <input type="text" name="website" value="<?php echo $website;?>">
<lable>
<p>&nbsp;</p>
<lable>
Hello Gender:
           <input type="radio" name="gender"
<?php if (isset($gender) && $gender=="female") echo "checked";?>
value="female">Female
<input type="radio" name="gender"
<?php if (isset($gender) && $gender=="male") echo "checked";?>value="male">Male
</body>
</html>

【问题讨论】：

坏主意： &nbsp，好主意： Use Tables
<lable> 应该是 -> <label> 就像你在关闭标签上一样。（不能解决您的问题，只是一个注释）
Tables for general layout are discouraged。请改用 CSS 方法。

标签： php html spacing

【解决方案1】：

您可以使用 margin-left 属性。

为您的代码使用这个 css，它应该可以工作。

label {
    width:180px;
    clear:left;
    text-align:right;
    padding-right:10px;
}

input, label {
    float:left;
    margin-left:30px
}

表格是这样的

<body>
<label>Name:</label> <input type="text" name="name" value="<?php echo $name;?>">
<label>E-mail:</label>     
<input type="text" name="email" value="<?php echo $email;?>">
<label> Website:</label>  <input type="text" name="website" value="<?php echo $website;?>">
<label>

</body>
</html>

http://jsfiddle.net/qAhQf/213/

【讨论】：

【解决方案2】：

   <label for="dummy1">title for dummy1:</label>
   <input id="dummy1" name="dummy1" value="dummy1">
   <label for="dummy2">longer title for dummy2:</label>
   <input id="dummy2" name="dummy2" value="dummy2">
   <label for="dummy3">even longer title for dummy3:</label>
   <input id="dummy3" name="dummy3" value="dummy3">

css：

label {
    width:250px;
    clear:left;
    text-align:right;
    padding-right:50px;
}

input, label {
    float:left;
}

这是你想要的吗？

【讨论】：

【解决方案3】：

随心所欲地使用表格。然后，您可以通过为表格的第一个单元格提供宽度来为整列提供宽度。

<body>
    <table>
        <tr>
            <td width=100><lable>Name:</label> </td>
            <td><input type="text" name="name" value="<?php echo $name;?>"></td>
        </tr>
        <tr>
            <td><lable>E-mail:</label></td>
            <td><input type="text" name="email" value="<?php echo $email;?>"></td>
        </tr>
        <tr>
            <td><lable>Website:</label></td>
            <td><input type="text" name="website" value="<?php echo $website;?>"></td>
        <tr>
            <td><label>Hello Gender:<label></td>
            <td>
                <input type="radio" name="gender" <?php if (isset($gender) && $gender=="female") echo "checked";?> value="female">Female
                <input type="radio" name="gender" <?php if (isset($gender) && $gender=="male") echo "checked";?> value="male">Male
            </td>
        </tr>
    </table>
</body>

【讨论】：

Tables for general layout are discouraged。请改用 CSS 方法。
承认。但我会将我的帖子保留在这里，因为这是人们可以使用的另一种选择。