HAML：内容输入％input {：type =＆gt; “提交”}标签

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>