如何在句子、单选按钮和文本框之间留出空格?(HTML） - How do I make spaces between sentences and radio buttons and text boxes? (HTML)

How do I make spaces between sentences and radio buttons and text boxes? (HTML)

我有以下代码，希望将以下项目彼此间隔约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>

您可以使用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/

   <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;
}

这是你想要的吗？

使用表来获得您想要的。然后，您可以通过提供表格的第一个单元格的宽度来提供整列的宽度。

<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>