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

【问题标题】：HAML: Content into %input{:type => "Submit"} tagHAML：内容进入 %input{:type => "Submit"} 标签
【发布时间】：2013-06-03 09:08:40
【问题描述】：

感觉很蹩脚。

这个：

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

谢谢

【问题讨论】：

【解决方案1】：

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

根据 W3C，此标记无效

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

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

【讨论】：