anchor.diff:                          <input type="text" name="keyword" class="form-control"  placeholder="#hiburan">
                       </div>
                   </div>
  -                <%List<String> Kategori= topicCategories.get(CO); %>
  +                <!--%List<String> Kategori= topicCategories.get(CO); %-->
  +                <%Kategori= topicCategories.get(CO); %>
                   <% for(int i=0;i<Kategori.size();i++) {%>
                   <div class="form-group">
  -                    
  -                    <label for="inputCategory" id="NamaKategori" class="col-sm-2 control-label">Kategori <%= Kategori.get(i)%></label>
  +                    <label for="inputCategory" id= "<%= "NamaK" + i%>" class="col-sm-2 control-label" >Kategori <%= Kategori.get(i)%></label>
                       <div class="col-sm-11">
  -                        <input type="text" name="kategori"class="form-control"  placeholder="Tv, Bedak, Mikasa">
  +                        <input type="text" name="kategori"class="form-control"  placeholder="TV, Bedak, Mikasa">
                       </div>
                   </div>
                   <%}%>
                        <input type="hidden" name="mode" class="form-control" value="<%=a%>" >
                   <br/>
  +                <input type="radio" name="group2" value="kmp"> KMP  
  +                <input type="radio" name="group2" value="bm" checked> BM
                   <div class="form-group">
                       <div class="col-sm-offset-7 col-sm-10">
                           <button type="submit" class="btn btn-default">Search</button>
                       </div>
                   </div>
  +                
               </form>
       
           </div>
  
positive.code:           List< List<String> > topicCategories = asList(
          asList("Obat", "Perawatan Tubuh", "Perawatan Wajah","Fashion"),
          asList("Musik", "Movies", "TV","Celebrity"),
          asList("Bola", "Raket", "Atlet"),
          asList("Internet","Gadget","Science")
      );%>
          <% String a = request.getParameter("modeapp") ;
              out.write(a);
              int CO=0;
          %>
      function Beauty() 
      {
          document.getElementById("image").src = "image/Maskot-Act-Beauty2.png";
           document.body.style.background = "#FF81FA";
          <%CO=0;%>
      }
  
      function Music() 
      {
          document.getElementById("image").src = "image/Maskot-Act-Music2.png"; 
                   document.body.style.background = "#50FF54";
  
          <%CO=1;%>
      }
      function Sport() 
      {
          document.getElementById("image").src = "image/Maskot-Act-Sport2.png";
                   document.body.style.background = "#6D9987";
  
          <%CO=2;%>
      }
      function Tech() 
      {
          document.getElementById("image").src = "image/Maskot-Act-Tech2.png"; 
                   document.body.style.background = "#2CCC8A";
  
          <%CO=3;%>
      }
  </script>
      </head>
      <body>
         
      <div class="TopicArt"> 
         <img alt="" src="image/Maskot-Act-Beauty2.png" 
              style="height: 500px; position:relative;" id="image" />
          <p>
          <input id="Button1" class="btn btn-default" type="button" value="Beauty" onclick="Beauty()" />&nbsp;&nbsp; 
          <input id="Button2" class="btn btn-default" accept=""type="button" value="Music" onclick="Music()" />&nbsp;&nbsp;
          <input id="Button3" class="btn btn-default" type="button" value="Sport" onclick="Sport()" />&nbsp;&nbsp;
          <input id="Button4" class="btn btn-default" type="button" value="Tech" onclick="Tech()" />&nbsp;&nbsp;
          </p>
      </div>
          <div class = "searchform" >
  
negative.code: <script src="bootstrap/js/bootstrap.min.js" />
  
      </body>
  </html>