600 West

Input: Text With Error 

<label>
        <span>
            Invalid Test
                
        </span>
<input
    id="sample_text"
    name="sample_text"
    type="text"
    class="_error"
    
    value="I&#x27;m not valid :(" 
    
    
    autocomplete
    
    
    
    
    
    
    
    
    
/>
        <div class="Form-error error-sample_text">It&#x27;s not you, it&#x27;s me.</div>
    </label>
 
{{#if label}}
    <label {{#if actiontext}}class="js-action-container"{{/if}} {{#if labelfor}}for="{{labelfor}}"{{/if}}>
        <span>
            {{{label}}}
            {{#if actiontext}}
            <button
                type="button"
                class="Form-inputaction {{#if actionmodifier}}{{actionmodifier}}{{/if}}"
                aria-controls="{{id}}"
                {{#if actionarialabel}}aria-label="{{actionarialabel}}"{{/if}}>
                {{actiontext}}
            </button>
            {{else}}
                {{#if helptext}}<span> {{{helptext}}}</span>{{/if}}
            {{/if}}
        </span>
{{/if}}
<input
    id="{{id}}"
    name="{{name}}"
    type="{{type}}"
    class="{{modifier}}"
    {{#if style}}style="{{style}}"{{/if}}
    {{#if inputvalue}}value="{{inputvalue}}" {{/if}}
    {{#if placeholder}}placeholder="{{placeholder}}" {{/if}}
    {{#if autofocus}}autofocus{{/if}}
    {{#if autocomplete}}autocomplete{{/if}}
    {{#if disabled}}disabled{{/if}}
    {{#if required}}required{{/if}}
    {{#if pattern}}pattern="{{pattern}}"{{/if}}
    {{#if minlength}}minlength="{{minlength}}"{{/if}}
    {{#if maxlength}}maxlength="{{maxlength}}"{{/if}}
    {{#if min}}min="{{min}}"{{/if}}
    {{#if max}}max="{{max}}"{{/if}}
    {{#if arialabelledby}}aria-labelledby="{{arialabelledby}}"{{/if}}
    {{#if ampreplace}}data-amp-replace="{{ampreplace}}"{{/if}}
/>
{{#if label}}
    {{#if includeerror}}
        <div class="Form-error error-{{name}}">{{#if errormessage}}{{errormessage}}{{/if}}</div>
    {{/if}}
    </label>
{{/if}}
 
{
  "id": "sample_text",
  "type": "text",
  "name": "sample_text",
  "placeholder": null,
  "inputvalue": "I'm not valid :(",
  "labelfor": null,
  "autofocus": null,
  "autocomplete": true,
  "disabled": null,
  "required": null,
  "modifier": "_error",
  "style": null,
  "label": "Invalid Test",
  "actiontext": null,
  "actionmodifier": null,
  "actionarialabel": null,
  "helptext": null,
  "pattern": null,
  "maxlength": null,
  "minlength": null,
  "showerrors": null,
  "errormessage": "It's not you, it's me.",
  "arialabelledby": null,
  "min": null,
  "max": null,
  "ampreplace": null,
  "includeerror": true
}

There are no notes for this item.