Autocomplete

Autofocus

Formaction

Formenctype

Formmethod

Formnovalidate

Does the same thing as if the attribute novalidate had been applied to the <form> element.

Formtarget

list

max

min

multiple

readonly

required

Pattern (only allows uppercase letters)

Placeholder

Spellcheck

Step

Code used in this page

<div>
    <h3>Autocomplete</h3>
    <input type="text" name="autocomplete" autocomplete="off">
</div>

<div>
    <h3>Autofocus</h3>
    <input type="text" name="autofocus" autofocus>
</div>

<div>
    <h3>Formaction</h3>
    <input type="submit" formaction="http://example.org/save" value="Save">
</div>

<div>
    <h3>Formenctype</h3>
    <input type="submit" formenctype="application/x-www-form-urlencoded" value="Save with enctype">
</div>

<div>
    <h3>Formmethod</h3>
    <input type="submit" formmethod="POST" value="Send as POST">
</div>

<div>
    <h3>Formnovalidate</h3>
    <p>Does the same thing as if the attribute novalidate had been applied to the <form> element.</p>
    <input type="submit" formnovalidate value="Don't validate">
</div>

<div>
    <h3>Formtarget</h3>
    <input type="submit" formtarget="_blank" value="Post to new tab/window">
</div>

<div>
    <h3>list</h3>
    <input type="text" name="characters" list="data-list">
    <datalist id="data-list">
        <option value="Hugo Reyes">
        <option value="Jack Shephard">
        <option value="James 'Sawyer' Ford">
        <option value="John Locke">
        <option value="Sayid Jarrah">
    </datalist>
</div>

<div>
    <h3>max</h3>
    <input type="range" max="95">
</div>

<div>
    <h3>min</h3>
    <input type="range" min="2">
</div>

<div>
    <h3>multiple</h3>
    <input type="file" multiple>
</div>

<div>
    <h3>readonly</h3>
    <input type="text" readonly>
</div>

<div>
    <h3>required</h3>
    <input type="text" name="required" required>
</div>

<div>
    <h3>Pattern (only allows uppercase letters)</h3>
    <input type="text" pattern="[A-Z]*">
</div>

<div>
    <h3>Placeholder</h3>
    <input type="text" name="placeholder" placeholder="Enter text here">
</div>

<div>
    <h3>Spellcheck</h3>
    <input type="text" spellcheck="true">
</div>

<div>
    <h3>Step</h3>
    <input type="number" step="5">
</div>

<div>
    <input type="submit" value="Send">
</div>