html generatorのベストデザインパターン

Question

同じビルドアップをコードワイズに多く使用するHTML5ジェネレータを構築しようとしていますが、正しいデザインパターンを見つけられません。 私はGagawaをHTMLライブラリとして使用しています。

ケース：

通常の入力フィールド：

<label for="#id input field#" class="col-xs-3 control-label"> 
    <!--NL-->Normal field<!--FR=Normal field (french)--> 
</label> 
<div class="col-xs-2"> 
    <input type="text" class="insnal form-control" id="#id input field#" name="#id input field#" maxlength="#input max length#"> 
</div> 

日付入力フィールド：

<div class="row"> 
    <label for="#id input field#" class="col-xs-3 control-label"><!--NL-->Date field<!--FR=Date field (french)--></label> 
    <div class="col-xs-2"> 
     <div class="input-group"> 
      <input type="text" class="insnar form-control form-date" id="#id input field#" name="#id input field#" maxlength="10"> 
      <span class="input-group-btn"> 
       <button class="btn btn-default" type="button" id="but#id input field#"><span class="glyphicon glyphicon-calendar"></span></button> 
      </span> 
     </div> 
    </div> 
</div> 

私はCSSのブートストラップに使用するHTMLコードの2枚を持っています

ご覧のとおり、両方のコードは非常によく似ています

div:row 
    -> label 
    + div:col-xs-2 
    -> actual different tags 

私はかなりのデザインパターンに新しく、いくつかチェックした後、私はもう一方を選択するときを知ることですでに混乱しています。

私は他のHTMLコードも同じ方法で作成しており、これを達成するための最良のデザインパターンを探しています。

Answer 1

あなたが間違ったセクションに投稿している可能性があります（質問を正しく読んでいる場合）。たぶんあなたはJavascript、あるいはおそらくHTMLまたはCSSを意味するでしょうか？ Javaは実際には完全に無関係の言語です。