dongzhe6287 2015-06-25 04:08
浏览 136
已采纳

如何在句子和单选按钮和文本框之间创建空格？ （HTML）

I have the following code and would like to separate the following items about 10 inches apart from each other. I am creating a form where a user are able to read their inputs. Here is How I would like for it to be: Name:.......................... TEXTBOX (Without the periods)

<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>
  • 写回答

3条回答 默认 最新

  • 普通网友 2015-06-25 04:27
    关注

    You can use margin-left property.

    use this css for your code and it should work.

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

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

    and form goes like this

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

报告相同问题？

悬赏问题

  • ¥15 乌班图ip地址配置及远程SSH
  • ¥15 怎么让点阵屏显示静态爱心，用keiluVision5写出让点阵屏显示静态爱心的代码，越快越好
  • ¥15 PSPICE制作一个加法器
  • ¥15 javaweb项目无法正常跳转
  • ¥15 VMBox虚拟机无法访问
  • ¥15 skd显示找不到头文件
  • ¥15 机器视觉中图片中长度与真实长度的关系
  • ¥15 fastreport table 怎么只让每页的最下面和最顶部有横线
  • ¥15 java 的protected权限 ，问题在注释里
  • ¥15 这个是哪里有问题啊？