pageTitle: Textboxes
assetPath: ../govuk_template/assets/
grid: column-two-thirds
bodyEnd: >
  <script type="text/javascript" src="../public/javascripts/word-counter.js"></script>
examples:
  -
    question: Text box
    name: question-10
  -
    question: Text box with hint and question number
    hint: Advice about how to answer
    question_number: "22"
    name: question-20
    value: Now I know what to type here
  -
    question: Optional text box with hint, question advice and question number
    question_advice: Advice about the question
    hint: Advice about how to answer
    optional: true
    question_number: "22"
    name: question-30
    value: Now I know what to type here
  -
    question: Large textbox
    name: question-40
    large: true
    value: Large textbox
  -
    question: Large textbox with word count limit of 50 words
    name: question-50
    large: true
    value: One two three four five
    max_length_in_words: 50
  -
    question: Text box with error
    error: Answer cannot be more than 50 characters
    name: question-60
    value: hello2example.com
  -
    question: Optional text box with hint, question number and error
    question_number: "13"
    hint: eg hello@example.com
    optional: true
    error: Must be a valid email address
    name: question-70
    value: hello2example.com
  -
    question: Large textbox with errors
    name: question-80
    large: true
    value: Large textbox
    error: Must have no more that 50 words
  -
    question: Optional text box with error despite loads of guidance
    question_number: "13"

    question_advice: |
      <p>To find the best specialist to meet your needs, you should:</p>

      <ul>
      <li>list as many types of skills and experience as you can</li>
      <li>be specific about the skills and experience you're looking for</li>
      </ul>

      <p>If too many suppliers have all the essential skills and experience, you’ll use the nice-to-have skills and
      experience to exclude suppliers.</p>

      <p>You must tell suppliers if you want to score individual criteria.</p>

      <p><a href="https://www.gov.uk/guidance/how-to-set-your-evaluation-criteria-when-buying-digital-outcomes-and-specialists-services#giving-points-to-individual-criteria">Read more about how to set evaluation criteria</a></p>

      <p>List the skills and experience you’d like the specialist to have,
      eg experience working on government digital projects</p>
    hint: |
      <p>To find the best specialist to meet your needs, you should:</p>

      <ul>
      <li>list as many types of skills and experience as you can</li>
      <li>be specific about the skills and experience you're looking for</li>
      </ul>

      <p>If too many suppliers have all the essential skills and experience, you’ll use the nice-to-have skills and
      experience to exclude suppliers.</p>

      <p>You must tell suppliers if you want to score individual criteria.</p>

      <p><a href="https://www.gov.uk/guidance/how-to-set-your-evaluation-criteria-when-buying-digital-outcomes-and-specialists-services#giving-points-to-individual-criteria">Read more about how to set evaluation criteria</a></p>

      <p>List the skills and experience you’d like the specialist to have,
      eg experience working on government digital projects</p>
    optional: true
    error: From 12th January 1973 it will no longer be legal
    name: question-90
    value: Whatever you do
  -
    title: Numeric textbox with unit before
    question: Price
    name: question-100
    unit: "$"
    unit_in_full: dollars
    unit_position: before
  -
    title: Numeric textbox with unit after
    question: Uptime
    name: question-110
    unit: "%"
    unit_in_full: percent
    unit_position: after
  -
    title: Numeric textbox with error
    question: Price
    name: question-120
    value: aaaaaa
    error: Price must not contain letters
    unit: "$"
    unit_in_full: dollars
    unit_position: before
  -
    question: Smaller textbox
    name: question-130
    smaller: true
    value: Smaller box
  -
    question: Smaller textbox with error
    name: question-140
    smaller: true
    value: Blue
    error: Answer must not be a colour
  -
    question: Textbox with message
    name: question-11
    message: You really need to know about this box
  -
    question: Textbox for password field
    name: password-1
    type: password