<form class="m1 form"> <div class="input-container"> <label class="input-label" for="username">Username</label> <input class="input-field" type="text" id="username" placeholder="Username"> </div> <div class="input-container"> <label class="input-label" for="number">Phone Number</label> <input class="input-field" type="number" id="number" placeholder="Phone Number"> </div> <div class="input-container"> <label class="input-label" for="email">Email</label> <input class="input-field" type="email" id="email" placeholder="Email"> </div> <div class="checkbox"> <input class="checkbox-input" type="checkbox"> <label class="checkbox-label">Yes, I accept the terms.</label> </div> <button class="btn btn-secondary">Submit</button> </form>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter