semantic-forms 5.2.0 → 5.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -0
- package/dist/semantic-forms.cjs +1 -1
- package/dist/semantic-forms.cjs.map +1 -1
- package/dist/semantic-forms.css +1556 -1581
- package/dist/semantic-forms.css.map +1 -1
- package/dist/semantic-forms.js +1 -1
- package/dist/semantic-forms.js.map +1 -1
- package/dist/semantic-forms.min.js +1 -1
- package/dist/semantic-forms.min.js.map +1 -1
- package/dist/semantic-forms.min.mjs +1 -1
- package/dist/semantic-forms.min.mjs.map +1 -1
- package/dist/semantic-forms.mjs +1 -1
- package/dist/semantic-forms.mjs.map +1 -1
- package/docs/statics/pages/fullDemo.html +169 -216
- package/docs/statics/pages/reservedKeyboardShortcuts.html +567 -565
- package/package.json +3 -3
- package/semanticForms.js +2 -1
- package/semanticForms.scss +638 -437
|
@@ -428,8 +428,7 @@
|
|
|
428
428
|
|
|
429
429
|
<dt><label for="custom-focus-meta-input">Meta Input focus</label></dt>
|
|
430
430
|
<dd>
|
|
431
|
-
<input type="text" name="custom-focus-meta-input" id="custom-focus-meta-input" data-focus-modifier
|
|
432
|
-
<label for="custom-focus-meta-input">The "meta" keyword will use <kbd>⌘</kbd> for Mac, <kbd>◆</kbd> for linux, and <kbd>Ctrl</kbd> for Windows.</label>
|
|
431
|
+
<input type="text" name="custom-focus-meta-input" id="custom-focus-meta-input" data-focus-modifier="meta" data-focus-key="Y">
|
|
433
432
|
</dd>
|
|
434
433
|
|
|
435
434
|
<dt><label for="custom-focus-number">Number focus</label></dt>
|
|
@@ -620,106 +619,11 @@
|
|
|
620
619
|
</fieldset>
|
|
621
620
|
</fieldset>
|
|
622
621
|
|
|
623
|
-
<fieldset>
|
|
624
|
-
<legend>Colspan classes</legend>
|
|
625
|
-
|
|
626
|
-
<dl>
|
|
627
|
-
<dt><label for="colspan-1a">colspan-1</label></dt>
|
|
628
|
-
<dd class="colspan-1"><input type="text" name="colspan-1a" id="colspan-1a"></dd>
|
|
629
|
-
<dt><label for="colspan-1b">colspan-1</label></dt>
|
|
630
|
-
<dd class="colspan-1"><input type="text" name="colspan-1b" id="colspan-1b"></dd>
|
|
631
|
-
<dt><label for="colspan-2">colspan-2</label></dt>
|
|
632
|
-
<dd class="colspan-2"><input type="text" name="colspan-2" id="colspan-2"></dd>
|
|
633
|
-
<dt><label for="colspan-4">colspan-4</label></dt>
|
|
634
|
-
<dd class="colspan-4"><input type="text" name="colspan-4" id="colspan-4"></dd>
|
|
635
|
-
<dt><label for="colspan-3">colspan-3</label></dt>
|
|
636
|
-
<dd class="colspan-3"><input type="text" name="colspan-3" id="colspan-3"></dd>
|
|
637
|
-
<dt><label for="colspan-1c">colspan-1</label></dt>
|
|
638
|
-
<dd class="colspan-1"><input type="text" name="colspan-1c" id="colspan-1c"></dd>
|
|
639
|
-
<dt><label for="colspan-full">colspan-full</label></dt>
|
|
640
|
-
<dd class="colspan-full"><input type="text" name="colspan-full" id="colspan-full"></dd>
|
|
641
|
-
<dt><label for="colspan-5">colspan-5</label></dt>
|
|
642
|
-
<dd class="colspan-5"><input type="text" name="colspan-5" id="colspan-5"></dd>
|
|
643
|
-
</dl>
|
|
644
|
-
|
|
645
|
-
<fieldset class="colspan-1">
|
|
646
|
-
<legend>colspan-1</legend>
|
|
647
|
-
|
|
648
|
-
<dl>
|
|
649
|
-
<dt><label for="colspan-1-a">Input A</label></dt>
|
|
650
|
-
<dd><input type="text" id="colspan-1-a" name="colspan-1-a" placeholder="Some interesting placeholder text"></dd>
|
|
651
|
-
|
|
652
|
-
<dt><label for="colspan-1-b">Input B</label></dt>
|
|
653
|
-
<dd><input type="text" id="colspan-1-b" name="colspan-1-b" placeholder="Some interesting placeholder text"></dd>
|
|
654
|
-
|
|
655
|
-
<dt><label for="colspan-1-c">Input C</label></dt>
|
|
656
|
-
<dd><input type="text" id="colspan-1-c" name="colspan-1-c" placeholder="Some interesting placeholder text"></dd>
|
|
657
|
-
|
|
658
|
-
<dt><label for="colspan-1-d">Input D</label></dt>
|
|
659
|
-
<dd><input type="text" id="colspan-1-d" name="colspan-1-d" placeholder="Some interesting placeholder text"></dd>
|
|
660
|
-
</dl>
|
|
661
|
-
</fieldset>
|
|
662
|
-
|
|
663
|
-
<fieldset class="colspan-2">
|
|
664
|
-
<legend>colspan-2</legend>
|
|
665
|
-
|
|
666
|
-
<dl>
|
|
667
|
-
<dt><label for="colspan-2-a">Input A</label></dt>
|
|
668
|
-
<dd><input type="text" id="colspan-2-a" name="colspan-2-a" placeholder="Some interesting placeholder text"></dd>
|
|
669
|
-
|
|
670
|
-
<dt><label for="colspan-2-b">Input B</label></dt>
|
|
671
|
-
<dd><input type="text" id="colspan-2-b" name="colspan-2-b" placeholder="Some interesting placeholder text"></dd>
|
|
672
|
-
|
|
673
|
-
<dt><label for="colspan-2-c">Input C</label></dt>
|
|
674
|
-
<dd><input type="text" id="colspan-2-c" name="colspan-2-c" placeholder="Some interesting placeholder text"></dd>
|
|
675
|
-
|
|
676
|
-
<dt><label for="colspan-2-d">Input D</label></dt>
|
|
677
|
-
<dd><input type="text" id="colspan-2-d" name="colspan-2-d" placeholder="Some interesting placeholder text"></dd>
|
|
678
|
-
</dl>
|
|
679
|
-
</fieldset>
|
|
680
|
-
|
|
681
|
-
<fieldset>
|
|
682
|
-
<legend>colspan-3</legend>
|
|
683
|
-
|
|
684
|
-
<dl class="colspan-3">
|
|
685
|
-
<dt><label for="colspan-3-a">Input A</label></dt>
|
|
686
|
-
<dd><input type="text" id="colspan-3-a" name="colspan-3-a" placeholder="Some interesting placeholder text"></dd>
|
|
687
|
-
|
|
688
|
-
<dt><label for="colspan-3-b">Input B</label></dt>
|
|
689
|
-
<dd><input type="text" id="colspan-3-b" name="colspan-3-b" placeholder="Some interesting placeholder text"></dd>
|
|
690
|
-
|
|
691
|
-
<dt><label for="colspan-3-c">Input C</label></dt>
|
|
692
|
-
<dd><input type="text" id="colspan-3-c" name="colspan-3-c" placeholder="Some interesting placeholder text"></dd>
|
|
693
|
-
|
|
694
|
-
<dt><label for="colspan-3-d">Input D</label></dt>
|
|
695
|
-
<dd><input type="text" id="colspan-3-d" name="colspan-3-d" placeholder="Some interesting placeholder text"></dd>
|
|
696
|
-
</dl>
|
|
697
|
-
</fieldset>
|
|
698
|
-
|
|
699
|
-
<fieldset class="colspan-full">
|
|
700
|
-
<legend>colspan-full</legend>
|
|
701
|
-
|
|
702
|
-
<dl>
|
|
703
|
-
<dt><label for="colspan-full-a">Input A</label></dt>
|
|
704
|
-
<dd><input type="text" id="colspan-full-a" name="colspan-full-a" placeholder="Some interesting placeholder text"></dd>
|
|
705
|
-
|
|
706
|
-
<dt><label for="colspan-full-b">Input B</label></dt>
|
|
707
|
-
<dd><input type="text" id="colspan-full-b" name="colspan-full-b" placeholder="Some interesting placeholder text"></dd>
|
|
708
|
-
|
|
709
|
-
<dt><label for="colspan-full-c">Input C</label></dt>
|
|
710
|
-
<dd><input type="text" id="colspan-full-c" name="colspan-full-c" placeholder="Some interesting placeholder text"></dd>
|
|
711
|
-
|
|
712
|
-
<dt><label for="colspan-full-d">Input D</label></dt>
|
|
713
|
-
<dd><input type="text" id="colspan-full-d" name="colspan-full-d" placeholder="Some interesting placeholder text"></dd>
|
|
714
|
-
</dl>
|
|
715
|
-
</fieldset>
|
|
716
|
-
</fieldset>
|
|
717
|
-
|
|
718
622
|
<details>
|
|
719
623
|
<summary>Detail element</summary>
|
|
720
624
|
<dl>
|
|
721
625
|
<dt><label for="detail-input-1">Detail input</label></dt>
|
|
722
|
-
<dd><input type="text" name="detail-input-1" id="detail-input-1"></dd>
|
|
626
|
+
<dd><input type="text" name="detail-input-1" id="detail-input-1" value="Some input..."></dd>
|
|
723
627
|
|
|
724
628
|
<dt><label for="detail-input-2">Detail input</label></dt>
|
|
725
629
|
<dd><input type="text" name="detail-input-2" id="detail-input-2"></dd>
|
|
@@ -767,6 +671,101 @@
|
|
|
767
671
|
</menu>
|
|
768
672
|
</fieldset>
|
|
769
673
|
|
|
674
|
+
<fieldset>
|
|
675
|
+
<legend>Colspan classes</legend>
|
|
676
|
+
|
|
677
|
+
<dl>
|
|
678
|
+
<dt><label for="colspan-1a">colspan-1</label></dt>
|
|
679
|
+
<dd class="colspan-1"><input type="text" name="colspan-1a" id="colspan-1a"></dd>
|
|
680
|
+
<dt><label for="colspan-1b">colspan-1</label></dt>
|
|
681
|
+
<dd class="colspan-1"><input type="text" name="colspan-1b" id="colspan-1b"></dd>
|
|
682
|
+
<dt><label for="colspan-2">colspan-2</label></dt>
|
|
683
|
+
<dd class="colspan-2"><input type="text" name="colspan-2" id="colspan-2"></dd>
|
|
684
|
+
<dt><label for="colspan-4">colspan-4</label></dt>
|
|
685
|
+
<dd class="colspan-4"><input type="text" name="colspan-4" id="colspan-4"></dd>
|
|
686
|
+
<dt><label for="colspan-3">colspan-3</label></dt>
|
|
687
|
+
<dd class="colspan-3"><input type="text" name="colspan-3" id="colspan-3"></dd>
|
|
688
|
+
<dt><label for="colspan-1c">colspan-1</label></dt>
|
|
689
|
+
<dd class="colspan-1"><input type="text" name="colspan-1c" id="colspan-1c"></dd>
|
|
690
|
+
<dt><label for="colspan-full">colspan-full</label></dt>
|
|
691
|
+
<dd class="colspan-full"><input type="text" name="colspan-full" id="colspan-full"></dd>
|
|
692
|
+
<dt><label for="colspan-5">colspan-5</label></dt>
|
|
693
|
+
<dd class="colspan-5"><input type="text" name="colspan-5" id="colspan-5"></dd>
|
|
694
|
+
</dl>
|
|
695
|
+
|
|
696
|
+
<fieldset class="colspan-1">
|
|
697
|
+
<legend>colspan-1</legend>
|
|
698
|
+
|
|
699
|
+
<dl>
|
|
700
|
+
<dt><label for="colspan-1-a">Input A</label></dt>
|
|
701
|
+
<dd><input type="text" id="colspan-1-a" name="colspan-1-a" placeholder="Some interesting placeholder text"></dd>
|
|
702
|
+
|
|
703
|
+
<dt><label for="colspan-1-b">Input B</label></dt>
|
|
704
|
+
<dd><input type="text" id="colspan-1-b" name="colspan-1-b" placeholder="Some interesting placeholder text"></dd>
|
|
705
|
+
|
|
706
|
+
<dt><label for="colspan-1-c">Input C</label></dt>
|
|
707
|
+
<dd><input type="text" id="colspan-1-c" name="colspan-1-c" placeholder="Some interesting placeholder text"></dd>
|
|
708
|
+
|
|
709
|
+
<dt><label for="colspan-1-d">Input D</label></dt>
|
|
710
|
+
<dd><input type="text" id="colspan-1-d" name="colspan-1-d" placeholder="Some interesting placeholder text"></dd>
|
|
711
|
+
</dl>
|
|
712
|
+
</fieldset>
|
|
713
|
+
|
|
714
|
+
<fieldset class="colspan-2">
|
|
715
|
+
<legend>colspan-2</legend>
|
|
716
|
+
|
|
717
|
+
<dl>
|
|
718
|
+
<dt><label for="colspan-2-a">Input A</label></dt>
|
|
719
|
+
<dd><input type="text" id="colspan-2-a" name="colspan-2-a" placeholder="Some interesting placeholder text"></dd>
|
|
720
|
+
|
|
721
|
+
<dt><label for="colspan-2-b">Input B</label></dt>
|
|
722
|
+
<dd><input type="text" id="colspan-2-b" name="colspan-2-b" placeholder="Some interesting placeholder text"></dd>
|
|
723
|
+
|
|
724
|
+
<dt><label for="colspan-2-c">Input C</label></dt>
|
|
725
|
+
<dd><input type="text" id="colspan-2-c" name="colspan-2-c" placeholder="Some interesting placeholder text"></dd>
|
|
726
|
+
|
|
727
|
+
<dt><label for="colspan-2-d">Input D</label></dt>
|
|
728
|
+
<dd><input type="text" id="colspan-2-d" name="colspan-2-d" placeholder="Some interesting placeholder text"></dd>
|
|
729
|
+
</dl>
|
|
730
|
+
</fieldset>
|
|
731
|
+
|
|
732
|
+
<fieldset>
|
|
733
|
+
<legend>colspan-3</legend>
|
|
734
|
+
|
|
735
|
+
<dl class="colspan-3">
|
|
736
|
+
<dt><label for="colspan-3-a">Input A</label></dt>
|
|
737
|
+
<dd><input type="text" id="colspan-3-a" name="colspan-3-a" placeholder="Some interesting placeholder text"></dd>
|
|
738
|
+
|
|
739
|
+
<dt><label for="colspan-3-b">Input B</label></dt>
|
|
740
|
+
<dd><input type="text" id="colspan-3-b" name="colspan-3-b" placeholder="Some interesting placeholder text"></dd>
|
|
741
|
+
|
|
742
|
+
<dt><label for="colspan-3-c">Input C</label></dt>
|
|
743
|
+
<dd><input type="text" id="colspan-3-c" name="colspan-3-c" placeholder="Some interesting placeholder text"></dd>
|
|
744
|
+
|
|
745
|
+
<dt><label for="colspan-3-d">Input D</label></dt>
|
|
746
|
+
<dd><input type="text" id="colspan-3-d" name="colspan-3-d" placeholder="Some interesting placeholder text"></dd>
|
|
747
|
+
</dl>
|
|
748
|
+
</fieldset>
|
|
749
|
+
|
|
750
|
+
<fieldset class="colspan-full">
|
|
751
|
+
<legend>colspan-full</legend>
|
|
752
|
+
|
|
753
|
+
<dl>
|
|
754
|
+
<dt><label for="colspan-full-a">Input A</label></dt>
|
|
755
|
+
<dd><input type="text" id="colspan-full-a" name="colspan-full-a" placeholder="Some interesting placeholder text"></dd>
|
|
756
|
+
|
|
757
|
+
<dt><label for="colspan-full-b">Input B</label></dt>
|
|
758
|
+
<dd><input type="text" id="colspan-full-b" name="colspan-full-b" placeholder="Some interesting placeholder text"></dd>
|
|
759
|
+
|
|
760
|
+
<dt><label for="colspan-full-c">Input C</label></dt>
|
|
761
|
+
<dd><input type="text" id="colspan-full-c" name="colspan-full-c" placeholder="Some interesting placeholder text"></dd>
|
|
762
|
+
|
|
763
|
+
<dt><label for="colspan-full-d">Input D</label></dt>
|
|
764
|
+
<dd><input type="text" id="colspan-full-d" name="colspan-full-d" placeholder="Some interesting placeholder text"></dd>
|
|
765
|
+
</dl>
|
|
766
|
+
</fieldset>
|
|
767
|
+
</fieldset>
|
|
768
|
+
|
|
770
769
|
<fieldset>
|
|
771
770
|
<legend>P tag elements</legend>
|
|
772
771
|
|
|
@@ -815,10 +814,6 @@
|
|
|
815
814
|
<dt>description list title</dt>
|
|
816
815
|
<dd>description list value</dd>
|
|
817
816
|
</dl>
|
|
818
|
-
<details>
|
|
819
|
-
<summary>Details summary</summary>
|
|
820
|
-
<p>Some detail text</p>
|
|
821
|
-
</details>
|
|
822
817
|
</form>
|
|
823
818
|
|
|
824
819
|
<h2>Table with <code>semanticForms</code> class</h2>
|
|
@@ -1110,42 +1105,51 @@
|
|
|
1110
1105
|
</fieldset>
|
|
1111
1106
|
</fieldset>
|
|
1112
1107
|
|
|
1108
|
+
<details>
|
|
1109
|
+
<summary>Details summary</summary>
|
|
1110
|
+
<dl>
|
|
1111
|
+
<dt><label for="low-flow-detail-input-1">Detail input</label></dt>
|
|
1112
|
+
<dd><input type="text" name="low-flow-detail-input-1" id="low-flow-detail-input-1"></dd>
|
|
1113
|
+
|
|
1114
|
+
<dt><label for="low-flow-detail-input-2">Detail input</label></dt>
|
|
1115
|
+
<dd><input type="text" name="low-flow-detail-input-2" id="low-flow-detail-input-2"></dd>
|
|
1116
|
+
|
|
1117
|
+
<dt><label for="low-flow-detail-input-3">Detail input</label></dt>
|
|
1118
|
+
<dd><input type="text" name="low-flow-detail-input-3" id="low-flow-detail-input-3"></dd>
|
|
1119
|
+
|
|
1120
|
+
<dt><label for="low-flow-detail-input-4">Detail input</label></dt>
|
|
1121
|
+
<dd><input type="text" name="low-flow-detail-input-4" id="low-flow-detail-input-4"></dd>
|
|
1122
|
+
</dl>
|
|
1123
|
+
</details>
|
|
1124
|
+
|
|
1125
|
+
<details>
|
|
1126
|
+
<summary>Another details element</summary>
|
|
1127
|
+
<dl>
|
|
1128
|
+
<dt><label for="low-flow-another-detail-input-1">Detail input</label></dt>
|
|
1129
|
+
<dd><input type="text" name="low-flow-another-detail-input-1" id="low-flow-another-detail-input-1"></dd>
|
|
1130
|
+
</dl>
|
|
1131
|
+
</details>
|
|
1132
|
+
|
|
1113
1133
|
<fieldset>
|
|
1114
1134
|
<legend>Colspan classes</legend>
|
|
1115
1135
|
|
|
1116
1136
|
<dl>
|
|
1117
|
-
<
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
<
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
<
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
<
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
<div class="colspan-3">
|
|
1134
|
-
<dt><label for="low-flow-colspan-3">colspan-3</label></dt>
|
|
1135
|
-
<dd><input type="text" name="low-flow-colspan-3" id="low-flow-colspan-3"></dd>
|
|
1136
|
-
</div>
|
|
1137
|
-
<div class="colspan-1">
|
|
1138
|
-
<dt><label for="low-flow-colspan-1c">colspan-1</label></dt>
|
|
1139
|
-
<dd><input type="text" name="low-flow-colspan-1c" id="low-flow-colspan-1c"></dd>
|
|
1140
|
-
</div>
|
|
1141
|
-
<div class="colspan-full">
|
|
1142
|
-
<dt><label for="low-flow-colspan-full">colspan-full</label></dt>
|
|
1143
|
-
<dd><input type="text" name="low-flow-colspan-full" id="low-flow-colspan-full"></dd>
|
|
1144
|
-
</div>
|
|
1145
|
-
<div class="colspan-5">
|
|
1146
|
-
<dt><label for="low-flow-colspan-5">colspan-5</label></dt>
|
|
1147
|
-
<dd><input type="text" name="low-flow-colspan-5" id="low-flow-colspan-5"></dd>
|
|
1148
|
-
</div>
|
|
1137
|
+
<dt><label for="low-flow-colspan-1a">colspan-1</label></dt>
|
|
1138
|
+
<dd class="colspan-1"><input type="text" name="low-flow-colspan-1a" id="low-flow-colspan-1a"></dd>
|
|
1139
|
+
<dt><label for="low-flow-colspan-1b">colspan-1</label></dt>
|
|
1140
|
+
<dd class="colspan-1"><input type="text" name="low-flow-colspan-1b" id="low-flow-colspan-1b"></dd>
|
|
1141
|
+
<dt><label for="low-flow-colspan-2">colspan-2</label></dt>
|
|
1142
|
+
<dd class="colspan-2"><input type="text" name="low-flow-colspan-2" id="low-flow-colspan-2"></dd>
|
|
1143
|
+
<dt><label for="low-flow-colspan-4">colspan-4</label></dt>
|
|
1144
|
+
<dd class="colspan-4"><input type="text" name="low-flow-colspan-4" id="low-flow-colspan-4"></dd>
|
|
1145
|
+
<dt><label for="low-flow-colspan-3">colspan-3</label></dt>
|
|
1146
|
+
<dd class="colspan-3"><input type="text" name="low-flow-colspan-3" id="low-flow-colspan-3"></dd>
|
|
1147
|
+
<dt><label for="low-flow-colspan-1c">colspan-1</label></dt>
|
|
1148
|
+
<dd class="colspan-1"><input type="text" name="low-flow-colspan-1c" id="low-flow-colspan-1c"></dd>
|
|
1149
|
+
<dt><label for="low-flow-colspan-full">colspan-full</label></dt>
|
|
1150
|
+
<dd class="colspan-full"><input type="text" name="low-flow-colspan-full" id="low-flow-colspan-full"></dd>
|
|
1151
|
+
<dt><label for="low-flow-colspan-5">colspan-5</label></dt>
|
|
1152
|
+
<dd class="colspan-5"><input type="text" name="low-flow-colspan-5" id="low-flow-colspan-5"></dd>
|
|
1149
1153
|
</dl>
|
|
1150
1154
|
|
|
1151
1155
|
<fieldset class="colspan-1">
|
|
@@ -1153,13 +1157,16 @@
|
|
|
1153
1157
|
|
|
1154
1158
|
<dl>
|
|
1155
1159
|
<dt><label for="low-flow-colspan-1-a">Input A</label></dt>
|
|
1156
|
-
<dd><input type="text" id="low-flow-colspan-1-a" name="low-flow-colspan-1-a"></dd>
|
|
1160
|
+
<dd><input type="text" id="low-flow-colspan-1-a" name="low-flow-colspan-1-a" placeholder="Some interesting placeholder text"></dd>
|
|
1157
1161
|
|
|
1158
1162
|
<dt><label for="low-flow-colspan-1-b">Input B</label></dt>
|
|
1159
|
-
<dd><input type="text" id="low-flow-colspan-1-b" name="low-flow-colspan-1-b"></dd>
|
|
1163
|
+
<dd><input type="text" id="low-flow-colspan-1-b" name="low-flow-colspan-1-b" placeholder="Some interesting placeholder text"></dd>
|
|
1160
1164
|
|
|
1161
1165
|
<dt><label for="low-flow-colspan-1-c">Input C</label></dt>
|
|
1162
|
-
<dd><input type="text" id="low-flow-colspan-1-c" name="low-flow-colspan-1-c"></dd>
|
|
1166
|
+
<dd><input type="text" id="low-flow-colspan-1-c" name="low-flow-colspan-1-c" placeholder="Some interesting placeholder text"></dd>
|
|
1167
|
+
|
|
1168
|
+
<dt><label for="low-flow-colspan-1-d">Input D</label></dt>
|
|
1169
|
+
<dd><input type="text" id="low-flow-colspan-1-d" name="low-flow-colspan-1-d" placeholder="Some interesting placeholder text"></dd>
|
|
1163
1170
|
</dl>
|
|
1164
1171
|
</fieldset>
|
|
1165
1172
|
|
|
@@ -1168,106 +1175,56 @@
|
|
|
1168
1175
|
|
|
1169
1176
|
<dl>
|
|
1170
1177
|
<dt><label for="low-flow-colspan-2-a">Input A</label></dt>
|
|
1171
|
-
<dd><input type="text" id="low-flow-colspan-2-a" name="low-flow-colspan-2-a"></dd>
|
|
1178
|
+
<dd><input type="text" id="low-flow-colspan-2-a" name="low-flow-colspan-2-a" placeholder="Some interesting placeholder text"></dd>
|
|
1172
1179
|
|
|
1173
1180
|
<dt><label for="low-flow-colspan-2-b">Input B</label></dt>
|
|
1174
|
-
<dd><input type="text" id="low-flow-colspan-2-b" name="low-flow-colspan-2-b"></dd>
|
|
1181
|
+
<dd><input type="text" id="low-flow-colspan-2-b" name="low-flow-colspan-2-b" placeholder="Some interesting placeholder text"></dd>
|
|
1175
1182
|
|
|
1176
1183
|
<dt><label for="low-flow-colspan-2-c">Input C</label></dt>
|
|
1177
|
-
<dd><input type="text" id="low-flow-colspan-2-c" name="low-flow-colspan-2-c"></dd>
|
|
1184
|
+
<dd><input type="text" id="low-flow-colspan-2-c" name="low-flow-colspan-2-c" placeholder="Some interesting placeholder text"></dd>
|
|
1185
|
+
|
|
1186
|
+
<dt><label for="low-flow-colspan-2-d">Input D</label></dt>
|
|
1187
|
+
<dd><input type="text" id="low-flow-colspan-2-d" name="low-flow-colspan-2-d" placeholder="Some interesting placeholder text"></dd>
|
|
1178
1188
|
</dl>
|
|
1179
1189
|
</fieldset>
|
|
1180
1190
|
|
|
1181
|
-
<fieldset
|
|
1191
|
+
<fieldset>
|
|
1182
1192
|
<legend>colspan-3</legend>
|
|
1183
1193
|
|
|
1184
|
-
<dl>
|
|
1194
|
+
<dl class="colspan-3">
|
|
1185
1195
|
<dt><label for="low-flow-colspan-3-a">Input A</label></dt>
|
|
1186
|
-
<dd><input type="text" id="low-flow-colspan-3-a" name="low-flow-colspan-3-a"></dd>
|
|
1187
|
-
|
|
1188
|
-
<dt><label for="low-flow-colspan-3-b">Input B</label></dt>
|
|
1189
|
-
<dd><input type="text" id="low-flow-colspan-3-b" name="low-flow-colspan-3-b"></dd>
|
|
1190
|
-
|
|
1191
|
-
<dt><label for="low-flow-colspan-3-c">Input C</label></dt>
|
|
1192
|
-
<dd><input type="text" id="low-flow-colspan-3-c" name="low-flow-colspan-3-c"></dd>
|
|
1196
|
+
<dd><input type="text" id="low-flow-colspan-3-a" name="low-flow-colspan-3-a" placeholder="Some interesting placeholder text"></dd>
|
|
1193
1197
|
|
|
1194
|
-
<dt><label for="
|
|
1195
|
-
<dd><input type="text" id="low-flow-colspan-3-
|
|
1196
|
-
</dl>
|
|
1197
|
-
</fieldset>
|
|
1198
|
-
|
|
1199
|
-
<fieldset class="colspan-4">
|
|
1200
|
-
<legend>colspan-4</legend>
|
|
1201
|
-
|
|
1202
|
-
<dl>
|
|
1203
|
-
<dt><label for="low-flow-colspan-4-a">Input A</label></dt>
|
|
1204
|
-
<dd><input type="text" id="low-flow-colspan-4-a" name="low-flow-colspan-4-a"></dd>
|
|
1205
|
-
|
|
1206
|
-
<dt><label for="low-flow-colspan-4-b">Input B</label></dt>
|
|
1207
|
-
<dd><input type="text" id="low-flow-colspan-4-b" name="low-flow-colspan-4-b"></dd>
|
|
1208
|
-
|
|
1209
|
-
<dt><label for="low-flow-colspan-4-c">Input C</label></dt>
|
|
1210
|
-
<dd><input type="text" id="low-flow-colspan-4-c" name="low-flow-colspan-4-c"></dd>
|
|
1198
|
+
<dt><label for="colspan-3-b">Input B</label></dt>
|
|
1199
|
+
<dd><input type="text" id="low-flow-colspan-3-b" name="low-flow-colspan-3-b" placeholder="Some interesting placeholder text"></dd>
|
|
1211
1200
|
|
|
1212
|
-
<dt><label for="
|
|
1213
|
-
<dd><input type="text" id="low-flow-colspan-
|
|
1201
|
+
<dt><label for="colspan-3-c">Input C</label></dt>
|
|
1202
|
+
<dd><input type="text" id="low-flow-colspan-3-c" name="low-flow-colspan-3-c" placeholder="Some interesting placeholder text"></dd>
|
|
1214
1203
|
|
|
1215
|
-
<dt><label for="
|
|
1216
|
-
<dd><input type="text" id="low-flow-colspan-
|
|
1204
|
+
<dt><label for="colspan-3-d">Input D</label></dt>
|
|
1205
|
+
<dd><input type="text" id="low-flow-colspan-3-d" name="low-flow-colspan-3-d" placeholder="Some interesting placeholder text"></dd>
|
|
1217
1206
|
</dl>
|
|
1218
1207
|
</fieldset>
|
|
1219
1208
|
|
|
1220
|
-
<fieldset class="colspan-
|
|
1221
|
-
<legend>colspan-
|
|
1209
|
+
<fieldset class="colspan-full">
|
|
1210
|
+
<legend>colspan-full</legend>
|
|
1222
1211
|
|
|
1223
1212
|
<dl>
|
|
1224
|
-
<dt><label for="low-flow-colspan-
|
|
1225
|
-
<dd><input type="text" id="low-flow-colspan-
|
|
1226
|
-
|
|
1227
|
-
<dt><label for="low-flow-colspan-5-b">Input B</label></dt>
|
|
1228
|
-
<dd><input type="text" id="low-flow-colspan-5-b" name="low-flow-colspan-5-b"></dd>
|
|
1213
|
+
<dt><label for="low-flow-colspan-full-a">Input A</label></dt>
|
|
1214
|
+
<dd><input type="text" id="low-flow-colspan-full-a" name="low-flow-colspan-full-a" placeholder="Some interesting placeholder text"></dd>
|
|
1229
1215
|
|
|
1230
|
-
<dt><label for="low-flow-colspan-
|
|
1231
|
-
<dd><input type="text" id="low-flow-colspan-
|
|
1216
|
+
<dt><label for="low-flow-colspan-full-b">Input B</label></dt>
|
|
1217
|
+
<dd><input type="text" id="low-flow-colspan-full-b" name="low-flow-colspan-full-b" placeholder="Some interesting placeholder text"></dd>
|
|
1232
1218
|
|
|
1233
|
-
<dt><label for="low-flow-colspan-
|
|
1234
|
-
<dd><input type="text" id="low-flow-colspan-
|
|
1219
|
+
<dt><label for="low-flow-colspan-full-c">Input C</label></dt>
|
|
1220
|
+
<dd><input type="text" id="low-flow-colspan-full-c" name="low-flow-colspan-full-c" placeholder="Some interesting placeholder text"></dd>
|
|
1235
1221
|
|
|
1236
|
-
<dt><label for="low-flow-colspan-
|
|
1237
|
-
<dd><input type="text" id="low-flow-colspan-
|
|
1238
|
-
|
|
1239
|
-
<dt><label for="low-flow-colspan-5-f">Input F</label></dt>
|
|
1240
|
-
<dd><input type="text" id="low-flow-colspan-5-f" name="low-flow-colspan-5-f"></dd>
|
|
1222
|
+
<dt><label for="low-flow-colspan-full-d">Input D</label></dt>
|
|
1223
|
+
<dd><input type="text" id="low-flow-colspan-full-d" name="low-flow-colspan-full-d" placeholder="Some interesting placeholder text"></dd>
|
|
1241
1224
|
</dl>
|
|
1242
1225
|
</fieldset>
|
|
1243
1226
|
</fieldset>
|
|
1244
1227
|
|
|
1245
|
-
|
|
1246
|
-
<details>
|
|
1247
|
-
<summary>Details summary</summary>
|
|
1248
|
-
<dl>
|
|
1249
|
-
<dt><label for="low-flow-detail-input-1">Detail input</label></dt>
|
|
1250
|
-
<dd><input type="text" name="low-flow-detail-input-1" id="low-flow-detail-input-1"></dd>
|
|
1251
|
-
|
|
1252
|
-
<dt><label for="low-flow-detail-input-2">Detail input</label></dt>
|
|
1253
|
-
<dd><input type="text" name="low-flow-detail-input-2" id="low-flow-detail-input-2"></dd>
|
|
1254
|
-
|
|
1255
|
-
<dt><label for="low-flow-detail-input-3">Detail input</label></dt>
|
|
1256
|
-
<dd><input type="text" name="low-flow-detail-input-3" id="low-flow-detail-input-3"></dd>
|
|
1257
|
-
|
|
1258
|
-
<dt><label for="low-flow-detail-input-4">Detail input</label></dt>
|
|
1259
|
-
<dd><input type="text" name="low-flow-detail-input-4" id="low-flow-detail-input-4"></dd>
|
|
1260
|
-
</dl>
|
|
1261
|
-
</details>
|
|
1262
|
-
|
|
1263
|
-
<details>
|
|
1264
|
-
<summary>Another details element</summary>
|
|
1265
|
-
<dl>
|
|
1266
|
-
<dt><label for="low-flow-another-detail-input-1">Detail input</label></dt>
|
|
1267
|
-
<dd><input type="text" name="low-flow-another-detail-input-1" id="low-flow-another-detail-input-1"></dd>
|
|
1268
|
-
</dl>
|
|
1269
|
-
</details>
|
|
1270
|
-
|
|
1271
1228
|
<fieldset>
|
|
1272
1229
|
<legend>P tag elements</legend>
|
|
1273
1230
|
|
|
@@ -1333,10 +1290,6 @@
|
|
|
1333
1290
|
<dt>description list title</dt>
|
|
1334
1291
|
<dd>description list value</dd>
|
|
1335
1292
|
</dl>
|
|
1336
|
-
<details>
|
|
1337
|
-
<summary>Details summary</summary>
|
|
1338
|
-
<p>Some detail text</p>
|
|
1339
|
-
</details>
|
|
1340
1293
|
</form>
|
|
1341
1294
|
</article>
|
|
1342
1295
|
</main>
|