0

かなりダサい感じ。

これ：

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

??

ありがとう

4

1 に答える 1

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>
于 2013-06-03T12:58:11.287 に答える