patternMismatch will Display the title Attribute in the Validation Bubble

When a patternMismatch occurs on a form submission attempt the browser is required to display the contents of the title attribute in the validation message displayed to the user.

by TJ VanToll

HTML

<form>
    <label for="price">Price: $</label>
    <input type="text" pattern="[0-9].[0-9][0-9]" 
        title="Please enter the price in x.xx format (e.g. 3.99)"
        id="price" value="3" />
    <input type="submit" value="Submit" />
</form>

CSS

form { padding: 20px; }