JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <input type="button" value="Giriş Düğmesi"/>
    <input type="checkbox" />
    <input type="checkbox" />
    <input type="file" />
    <input type="hidden" />
    <input type="image" />
    <input type="password" />
    <input type="radio" />
    <input type="reset" />
    <input type="submit" />
    <input type="text" />
    <select><option>Seçenek<option/></select>
    <textarea></textarea>
    <button>Buton</button>
  </form>

  <div>
  </div>

CSS

textarea { height:25px; }
div{color:red;}

JavaScript

var input = $("form input:checkbox").wrap('<span></span>').parent().css({background:"yellow", border:"3px red solid"});
    $("div").text("Şu kadar bulundu: " + input.length + ".")
            
    $("form").submit(function () { return false; });