JSFiddle - React, Tailwind, and code Playground

by mlms13

HTML

<form id="form">
    <label for="">Apple</label>
    <input type="checkbox" name="fruit" value="Apple" required />
    <label for="">Orange</label>
    <input type="checkbox" name="fruit" value="Orange" />
    <label for="">Mango</label>
    <input type="checkbox" name="fruit" value="Mango" />
    <label for="">Kiwi</label>
    <input type="checkbox" name="fruit" value="Kiwi" />
    <input type="submit" id="btn" value="Submit" />
</form>

CSS

label {
    clear: left;
    height: 20px;
    float: left;
    width: 90px;
}
input[type=checkbox] {
    float: left;
}
input[type=submit] {
    display: block;
    clear:both;
}
input[required] {
    border: 1px solid #faa;
}

JavaScript

var form = document.getElementById('form'),
    inputs = form.getElementsByTagName('input'),
    btn = document.getElementById('btn');

btn.onclick = function () {
    
};