Question

现在我正在编写一个html文件，它只想复制MS Word文件outlook以进行进一步编程。但是，如何实现以下图像？This one

在这个阶段，我不能让两个冒号站在同一个位置，因为我只使用下划线。谢谢你的帮助。

现在我只能实现this。通过这段代码：

＆＃13;

.box{float:left; margin-right:10px;}
input{border:0;border-bottom:1px solid #000;  background: transparent;
  outline: none;}

＆＃13;

<div>
  <div class="box">
      <lable style="display:inline-block; min-width:50px;">Applicant’s signature</lable>
<span>:</span>
    <input type="text">
    </div>
  <div class="box">
      <lable style="display:inline-block; min-width:50px;">Date</lable>
<span>:</span>
    <input type="text">
    </div>
  <div class="box">
      <lable style="display:inline-block; min-width:50px;">Applicant’s name</lable>
<span>:</span>
    <input type="text">
    </div>

</div>

＆＃13;

感谢您的帮助！

Answer 1

＆＃13;

.box{float:left; margin-right:10px;}
lable{display:inline-block; min-width:50px;}
input{border:0;border-bottom:1px solid #000;}

＆＃13;

<div>
  <div class="box">
      <lable>Date</lable>
<span>:</span>
    <input type="text">
    </div>
  <div class="box">
      <lable>Name</lable>
<span>:</span>
    <input type="text">
    </div>
  <div class="box">
      <lable>Name</lable>
<span>:</span>
    <input type="text">
    </div>
  <div class="box">
      <lable>Name</lable>
<span>:</span>
    <input type="text">
    </div>
</div>

＆＃13;

如何在html / css中实现MS word tab功能？

1 个答案: