Preview:
<form>
    <div class="mb-2">
        <label for="email" class="input__label">Email<span class="input__required">*</span>
        </label>
        <input id="email" class="mt-1 input__control" type="email" placeholder="Enter email" required />
        <div class="invalid__feedback">Please enter correct email.</div>
    </div>

    <div class="mb-2">
        <label for="password" class="input__label">password<span class="input__required">*</span>
        </label>
        <input id="password" class="mt-1 input__control" type="password" placeholder="Enter password" required />
        <div class="invalid__feedback">
            Please enter correct Password
        </div>
    </div>
</form>
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