@@ -151,6 +151,7 @@ <h3 class="nhsuk-u-margin-top-9">Personal identification number(s) (PIN) (option
151
151
< h4 class ="nhsuk-u-margin-top-4 "> PIN details</ h4 >
152
152
153
153
< div class ="nhsuk-form-group ">
154
+ <!-- Single selection, auto-complete -->
154
155
< label class ="nhsuk-label " id ="address-country-label " for ="address-country ">
155
156
Country of PIN
156
157
</ label >
@@ -389,7 +390,7 @@ <h3 class="nhsuk-u-margin-top-9">Additional information</h3>
389
390
390
391
< div class ="nhsuk-form-group ">
391
392
< div class ="autocomplete-wrapper nhsuk-form-group nhsuk-u-padding-right-5 ">
392
- <!-- Single select, auto complete -->
393
+ <!-- Multi select, auto complete -->
393
394
< label class ="nhsuk-label " id ="address-country-label " for ="address-country "> Nationality (optional)</ label >
394
395
395
396
< select id ="country " name ="country " class ="nhsuk-select " multiple ="multiple " aria-labelledby ="address-country-label ">
@@ -430,90 +431,6 @@ <h3 class="nhsuk-u-margin-top-9">Additional information</h3>
430
431
</ div >
431
432
</ div >
432
433
433
- <!-- Single select, auto complete
434
- <label class="nhsuk-label" id="address-country-label" for="address-country">
435
- Nationality (optional)
436
- </label>
437
- <input class="nhsuk-input nhsuk-input--width-20" list="countries" id="address-country-drop" name="address-country">
438
- <datalist id="countries">
439
- <option value="" selected="selected"></option>
440
- <option value="Austria">Austria</option>
441
- <option value="Belgium">Belgium</option>
442
- <option value="Bulgaria">Bulgaria</option>
443
- <option value="Croatia">Croatia</option>
444
- <option value="Cyprus">Cyprus</option>
445
- <option value="Czech Republic">Czech Republic</option>
446
- <option value="Denmark">Denmark</option>
447
- <option value="Estonia">Estonia</option>
448
- <option value="Finland">Finland</option>
449
- <option value="France">France</option>
450
- <option value="Germany">Germany</option>
451
- <option value="Gibraltar">Gibraltar</option>
452
- <option value="Greece">Greece</option>
453
- <option value="Hungary">Hungary</option>
454
- <option value="Iceland">Iceland</option>
455
- <option value="Ireland">Ireland</option>
456
- <option value="Italy">Italy</option>
457
- <option value="Latvia">Latvia</option>
458
- <option value="Liechtenstein">Liechtenstein</option>
459
- <option value="Lithuania">Lithuania</option>
460
- <option value="Luxembourg">Luxembourg</option>
461
- <option value="Malta">Malta</option>
462
- <option value="Netherlands">Netherlands</option>
463
- <option value="Norway">Norway</option>
464
- <option value="Poland">Poland</option>
465
- <option value="Portugal">Portugal</option>
466
- <option value="Romania">Romania</option>
467
- <option value="Slovakia">Slovakia</option>
468
- <option value="Slovenia">Slovenia</option>
469
- <option value="Spain">Spain</option>
470
- <option value="Sweden">Sweden</option>
471
- <option value="Switzerland">Switzerland</option>
472
- </datalist>
473
- </div>
474
- <ul class="autocomplete__list nhsuk-u-margin-bottom-4" id="course__list" aria-live="polite">
475
- <li id="course__selected-option--0" class="autocomplete__selected-option">
476
- <span>Austria</span>
477
- <button type="button" class="autocomplete__remove-option" aria-label="Child nursing, selected. Press Enter or Space to remove selection">Remove</button></li>
478
- <li id="course__selected-option--1" class="autocomplete__selected-option">
479
- <span>France</span>
480
- <button type="button" class="autocomplete__remove-option" aria-label="Dental therapy, selected. Press Enter or Space to remove selection">Remove</button></li>
481
- <li id="course__selected-option--2" class="autocomplete__selected-option">
482
- <span>Norway</span>
483
- <button type="button" class="autocomplete__remove-option" aria-label="Diagnostic radiography, selected. Press Enter or Space to remove selection">Remove</button></li>
484
- </ul> -->
485
-
486
- <!--<div class="nhsuk-form-group nhsuk-u-margin-top-9">
487
- Note to devs: this is a multi-select auto-complete component.
488
- <label class="nhsuk-label" for="select-1">
489
- Status of the person (optional)
490
- </label>
491
- <select class="nhsuk-select nhsuk-input--width-20" id="select-1" name="select-1">
492
- <option value="1" selected></option>
493
- <option value="2">Employed person</option>
494
- <option value="3">Self-employed person</option>
495
- <option value="3">Frontier worker</option>
496
- <option value="3">Former frontier worker</option>
497
- <option value="3">Pensioner</option>
498
- <option value="3">Pension claimant</option>
499
- <option value="3">Unemployed person</option>
500
- <option value="3">Family member/dependent</option>
501
- <option value="3">Family member of employed person</option>
502
- <option value="3">Family member of pensioner</option>
503
- <option value="3">Student</option>
504
- <option value="3">Non-active person</option>
505
- <option value="3">Other</option>
506
- </select>
507
- </div>
508
- <ul class="autocomplete__list" id="course__list" aria-live="polite">
509
- <li id="course__selected-option--0" class="autocomplete__selected-option">
510
- <span>Self-employed person</span>
511
- <button type="button" class="autocomplete__remove-option" aria-label="Child nursing, selected. Press Enter or Space to remove selection">Remove</button></li>
512
- <li id="course__selected-option--2" class="autocomplete__selected-option">
513
- <span>Family member of employed person</span>
514
- <button type="button" class="autocomplete__remove-option" aria-label="Diagnostic radiography, selected. Press Enter or Space to remove selection">Remove</button></li>
515
- </ul>-->
516
-
517
434
< div class ="nhsuk-form-group ">
518
435
519
436
< fieldset class ="nhsuk-fieldset " aria-describedby ="contact-hint ">
0 commit comments