html - HAML：内容进入 %input{:type => "Submit"} 标签

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>

??

谢谢

score 1 · Accepted Answer

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

1 回答 1