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

Question

我有以下代码，我想将以下项目彼此分开约 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>

Answer 1

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

是你想要的吗？

Answer 2

使用table随心所欲。然后，您可以通过为 table.

的第一个单元格提供宽度来为整列提供宽度

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

Answer 3

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

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

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

html

php

spacing