<div class="txt">
    <label for="text" class="txt-l">Default (filled)</label>
    <input id="text" type="text" value="Danielle Cage" placeholder="Full name" class="txt-f">
</div>
<div class="txt">
    <label for="empty-text" class="txt-l">Default (placeholder)</label>
    <input id="empty-text" type="text" value="" placeholder="Your email address" class="txt-f">
</div>
<div class="txt">
    <label for="small-text-f" class="txt-l">Small (filled)</label>
    <input id="small-text-f" type="text" value="Steve Rogers" placeholder="Full name" class="txt-f txt-f--sm">
</div>
<div class="txt">
    <label for="small-text-p" class="txt-l">Small (placeholder)</label>
    <input id="small-text-p" type="text" value="" placeholder="Full name" class="txt-f txt-f--sm">
</div>
<div class="txt">
    <label for="password" class="txt-l">Password</label>
    <input id="password" type="password" value="password" placeholder="" class="txt-f">
</div>

Fleet supports creating form elements with explicit and implicit labels. The preferred use is to utilize explicit labelling if possible. According to the W3, explicit labelling is better supported by assistive technologies.