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

报告相同问题?

悬赏问题

  • ¥20 删除和修改功能无法调用
  • ¥15 kafka topic 所有分副本数修改
  • ¥15 小程序中fit格式等运动数据文件怎样实现可视化?(包含心率信息))
  • ¥15 如何利用mmdetection3d中的get_flops.py文件计算fcos3d方法的flops?
  • ¥40 串口调试助手打开串口后,keil5的代码就停止了
  • ¥15 电脑最近经常蓝屏,求大家看看哪的问题
  • ¥60 高价有偿求java辅导。工程量较大,价格你定,联系确定辅导后将采纳你的答案。希望能给出完整详细代码,并能解释回答我关于代码的疑问疑问,代码要求如下,联系我会发文档
  • ¥50 C++五子棋AI程序编写
  • ¥30 求安卓设备利用一个typeC接口,同时实现向pc一边投屏一边上传数据的解决方案。
  • ¥15 SQL Server analysis services 服务安装失败