Question

感觉非常蹩脚。

此：

          %input{:type => "Submit"}
            %a.btn
              %i.icon-search.icon-white

生成这个：

          <input type="Submit">
          <a class="btn">
            <i class="icon-search icon-white"></i>
          </a>

其中：

          %div{:type => "Submit"}
            %a.btn
              %i.icon-search.icon-white

生成这个：

          <div type="Submit">
            <a class="btn">
              <i class="icon-search icon-white"></i>
            </a>
          </div>

我如何获得：

          <input type="Submit">
            <a class="btn">
              <i class="icon-search icon-white"></i>
            </a>
          </input>

...

由于

Answer 1

 <input type="Submit">
            <a class="btn">
              <i class="icon-search icon-white"></i>
            </a>
          </input>

此标记根据W3C无效

输入是单行标记，它会像<input type="button" />一样关闭您不能将任何子元素放入输入标记如果你想用按钮标签做同样的事情，那么你可以做

%button{type="button"}
  %a.btn
    %i.icon-search.icon-white

你会得到

<button class="btn btn-primary" type="button">
  <a class="btn">
    <i class="icon-search icon-white"></i>
  </a>

</button>