<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>autocomplete attribute is valid</title>
</head>
<body>

    <textarea autocomplete="on"></textarea>
    <textarea autocomplete="off"></textarea>
    
    <!-- country -->
    <textarea autocomplete="country">
    </textarea>
    
    <textarea autocomplete="billing country">
    </textarea>
    
    <textarea autocomplete="section-blue country">
    </textarea>
    
    <textarea autocomplete="section-blue billing country">
    </textarea>

    <!-- cc-type -->
    <textarea autocomplete="cc-type">
    </textarea>

    <textarea autocomplete="billing cc-type">
    </textarea>

    <textarea autocomplete="section-blue cc-type">
    </textarea>

    <textarea autocomplete="section-blue billing cc-type">
    </textarea>

    <!-- cc-exp-month -->
    <textarea autocomplete="cc-exp-month">
    </textarea>

    <textarea autocomplete="billing cc-exp-month">
    </textarea>

    <textarea autocomplete="section-blue cc-exp-month">
    </textarea>

    <textarea autocomplete="section-blue billing cc-exp-month">
    </textarea>

    <!-- cc-exp-year -->
    <textarea autocomplete="cc-exp-year">
    </textarea>

    <textarea autocomplete="billing cc-exp-year">
    </textarea>

    <textarea autocomplete="section-blue cc-exp-year">
    </textarea>

    <textarea autocomplete="section-blue billing cc-exp-year">
    </textarea>    

    <!-- tel-country-code -->
    <textarea autocomplete="work tel-country-code">
    </textarea>

    <textarea autocomplete="billing work tel-country-code">
    </textarea>

    <textarea autocomplete="section-blue work tel-country-code">
    </textarea>

    <textarea autocomplete="section-blue billing work tel-country-code">
    </textarea>

</body>
</html>


