Form

<form action="" class="form--inline form--nolabel">

    <div class="form__row">
        <label for="" class="form__label">A Text Input</label> <input for="" type="text" class="form__input " for="" placeholder="A Text Input">
    </div>

    <div class="form__row">
        <label for="" class="form__label">A Password Input</label> <input for="" type="password" class="form__input " for="" placeholder="A Password Input">
    </div>

    <div class="form__row">
        <label for="" class="form__label">A Email Input</label> <input for="" type="email" class="form__input " for="" placeholder="A Email Input">
    </div>

    <div class="form__row">
        <label for="" class="form__label">A Tel Input</label> <input for="" type="tel" class="form__input " for="" placeholder="A Tel Input">
    </div>
    <div class="form__row">
        <label for="" class="form__label">A Select Dropdown</label>
        <div class="form__select">
            <select class="form__select-input" name="" id="">
                <option value=""> Please Select</option>
                <option value=""> one</option>
                <option value=""> two</option>
            </select>
        </div>
    </div>

    <div class="form__row form__row--block">
        <p>Some standard checkboxes</p>
        <div class="form__checkbox-wrap">
            <label class="form__checkbox-label">
                <input class="form__checkbox" type="checkbox" checked="">
                Yes</label>
        </div>
        <div class="form__checkbox-wrap">
            <label class="form__checkbox-label">
                <input class="form__checkbox" type="checkbox" checked="">
                No</label>
        </div>
    </div>

    <div class="form__row form__row--block">
        <p>Some styled checkboxes</p>
        <label class="form__checkbox-styled">Yes
            <input type="checkbox" checked="">
            <span class="form__checkbox-styled-tick"></span>
        </label>
        <label class="form__checkbox-styled">No
            <input type="checkbox" checked="">
            <span class="form__checkbox-styled-tick"></span>
        </label>
    </div>

    <div class="form__row form__row--block">
        <p>Some standard radio</p>
        <div class="form__radio-wrap">
            <label>
                <input name="radio" class="form__radio" type="radio" checked="checked">
                One</label>
        </div>
        <div class="form__radio-wrap">
            <label>
                <input name="radio" class="form__radio" type="radio" checked="checked">
                One</label>
        </div>
    </div>

    <div class="form__row form__row--block">
        <p>Some styled radio</p>
        <label class="form__radio-styled">Yes
            <input name="radio" type="radio" checked="">
            <span class="form__radio-styled-dot"></span>
        </label>
        <label class="form__radio-styled">No
            <input name="radio" type="radio" checked="">
            <span class="form__radio-styled-dot"></span>
        </label>
    </div>

    <div class="form__row">

        <textarea class="form__textarea" name="" id="" placeholder="A Textarea"></textarea>

    </div>
    <div class="form__row">
        <button class="btn  ">
            Send
        </button>
    </div>
</form>