如何在句子和单选按钮和文本框之间创建空格? (HTML)

时间:2015-06-25 04:08:15

标签: php html spacing

我有以下代码,并希望将以下项目彼此分开约10英寸。我正在创建一个用户能够读取其输入的表单。以下是我希望如何: 姓名:.......................... TEXTBOX(没有期间)

var HoodieAPIFetchHandler = function(request, values, options){
  return fetch(request);
}

3 个答案:

答案 0 :(得分: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/

答案 1 :(得分:0)

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

这是你想要的吗?

答案 2 :(得分:0)

使用表格随意获取。然后,您可以通过为表格的第一个单元格提供宽度来为整列提供宽度。

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