Skip to content

Commit

Permalink
HTML input elements: use bcd front-matter and spec macro (#5166)
Browse files Browse the repository at this point in the history
  • Loading branch information
@Elchi3
Elchi3 authored May 20, 2021
1 parent a90c5d2 commit 41a17d8
Show file tree
Hide file tree
Showing 23 changed files with 74 additions and 520 deletions.
25 changes: 3 additions & 22 deletions files/en-us/web/html/element/input/button/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@
- Input Type
- Reference
- button
browser-compat: html.elements.input.input-button
---
<div>{{HTMLRef("Input_types")}}</div>

Expand Down Expand Up @@ -313,31 +314,11 @@ <h2 id="Examples">Examples</h2>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comments</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', 'forms.html#button-state-(type=button)', '&lt;input type="button"&gt;')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td></td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'forms.html#button-state-(type=button)', '&lt;input type="button"&gt;')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td></td>
</tr>
</tbody>
</table>
<p>{{Specifications}}</p>

<h2 id="Browser_compatibility">Browser compatibility</h2>

<p>{{Compat("html.elements.input.input-button")}}</p>
<p>{{Compat}}</p>

<h2 id="See_also">See also</h2>

Expand Down
25 changes: 3 additions & 22 deletions files/en-us/web/html/element/input/checkbox/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@
- Reference
- checkbox
- form
browser-compat: html.elements.input.input-checkbox
---
<div>{{HTMLRef}}</div>

Expand Down Expand Up @@ -323,31 +324,11 @@ <h3 id="JavaScript">JavaScript</h3>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', 'forms.html#checkbox-state-(type=checkbox)', '&lt;input type="checkbox"&gt;')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td></td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'sec-forms.html#checkbox-state-(type=checkbox)', '&lt;input type="checkbox"&gt;')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td></td>
</tr>
</tbody>
</table>
<p>{{Specifications}}</p>

<h2 id="Browser_compatibility">Browser compatibility</h2>

<p>{{Compat("html.elements.input.input-checkbox")}}</p>
<p>{{Compat}}</p>

<h2 id="See_also">See also</h2>

Expand Down
27 changes: 3 additions & 24 deletions files/en-us/web/html/element/input/color/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@
- Input
- Reference
- color
browser-compat: html.elements.input.input-color
---
<div>{{HTMLRef}}</div>

Expand Down Expand Up @@ -189,33 +190,11 @@ <h3 id="Result">Result</h3>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', '#color-state-(type=color)')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td>Initial definition</td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'forms.html#the-input-element')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td>Initial definition</td>
</tr>
</tbody>
</table>
<p>{{Specifications}}</p>

<h2 id="Browser_compatibility">Browser compatibility</h2>

<div class="hidden">The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</div>

<p>{{Compat("html.elements.input.input-color")}}</p>
<p>{{Compat}}</p>

<h2 id="See_also">See also</h2>

Expand Down
27 changes: 3 additions & 24 deletions files/en-us/web/html/element/input/date/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@
- Input Element
- Input Type
- Reference
browser-compat: html.elements.input.input-date
---
<div>{{HTMLRef}}</div>

Expand Down Expand Up @@ -484,33 +485,11 @@ <h3 id="JavaScript">JavaScript</h3>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comments</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', 'forms.html#date-state-(type=date)', '&lt;input type="date"&gt;')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td></td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'sec-forms.html#date-state-typedate', '&lt;input type="date"&gt;')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td></td>
</tr>
</tbody>
</table>
<p>{{Specifications}}</p>

<h2 id="Browser_compatibility">Browser compatibility</h2>

<div class="hidden">The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</div>

<p>{{Compat("html.elements.input.input-date")}}</p>
<p>{{Compat}}</p>

<h2 id="See_also">See also</h2>

Expand Down
25 changes: 3 additions & 22 deletions files/en-us/web/html/element/input/datetime-local/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@
- Reference
- Time
- datetime-local
browser-compat: html.elements.input.input-datetime-local
---
<div>{{HTMLRef("Input_types")}}</div>

Expand Down Expand Up @@ -598,31 +599,11 @@ <h2 id="Examples">Examples</h2>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comments</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', 'forms.html#local-date-and-time-state-(type=datetime-local)', '&lt;input type="datetime-local"&gt;')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td></td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'forms.html#local-date-and-time-state-(type=datetime-local)', '&lt;input type="datetime-local"&gt;')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td></td>
</tr>
</tbody>
</table>
<p>{{Specifications}}</p>

<h2 id="Browser_compatibility">Browser compatibility</h2>

<p>{{Compat("html.elements.input.input-datetime-local")}}</p>
<p>{{Compat}}</p>

<h2 id="See_also">See also</h2>

Expand Down
22 changes: 3 additions & 19 deletions files/en-us/web/html/element/input/email/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@
- HTML forms
- Input Type
- Reference
browser-compat: html.elements.input.input-email
---
<div>{{HTMLRef}}</div>

Expand Down Expand Up @@ -369,28 +370,11 @@ <h2 id="Examples">Examples</h2>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', '#email-state-(type=email)', '&lt;input type="email"&gt;')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td>Initial definition</td>
</tr>
</tbody>
</table>
<p>{{Specifications}}</p>

<h2 id="Browser_compatibility">Browser compatibility</h2>

<div class="hidden">The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</div>

<p>{{Compat("html.elements.input.input-email")}}</p>
<p>{{Compat}}</p>

<h2 id="See_also">See also</h2>

Expand Down
32 changes: 3 additions & 29 deletions files/en-us/web/html/element/input/file/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@
- Input Type
- Reference
- Type
browser-compat: html.elements.input.input-file
---
<div>{{HTMLRef("Input_types")}}</div>

Expand Down Expand Up @@ -481,38 +482,11 @@ <h2 id="Examples">Examples</h2>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', 'input.html#file-upload-state-(type=file)', '&lt;input type="file"&gt;')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td>Initial definition</td>
</tr>
<tr>
<td>{{SpecName('HTML5.1', 'sec-forms.html#file-upload-state-typefile', '&lt;input type="file"&gt;')}}</td>
<td>{{Spec2('HTML5.1')}}</td>
<td>Initial definition</td>
</tr>
<tr>
<td>{{SpecName('HTML Media Capture', '#the-capture-attribute','capture attribute')}}</td>
<td>{{Spec2('HTML Media Capture')}}</td>
<td>initial <code>capture</code> attribute</td>
</tr>
</tbody>
</table>
<p>{{Specifications}}</p>

<h2 id="Browser_compatibility">Browser compatibility</h2>

<div class="hidden">The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</div>

<p>{{Compat("html.elements.input.input-file")}}</p>
<p>{{Compat}}</p>

<h2 id="See_also">See also</h2>

Expand Down
25 changes: 3 additions & 22 deletions files/en-us/web/html/element/input/hidden/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@
- Input Types
- Reference
- hidden
browser-compat: html.elements.input.input-hidden
---
<div>{{HTMLRef}}</div>

Expand Down Expand Up @@ -191,31 +192,11 @@ <h2 id="Examples">Examples</h2>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', 'forms.html#hidden-state-(type=hidden)', '&lt;input type="hidden"&gt;')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td>Initial definition</td>
</tr>
<tr>
<td>{{SpecName('HTML5.2', 'sec-forms.html#hidden-state-typehidden', '&lt;input type="hidden"&gt;')}}</td>
<td>{{Spec2('HTML5.2')}}</td>
<td>Initial definition</td>
</tr>
</tbody>
</table>
<p>{{Specifications}}</p>

<h2 id="Browser_compatibility">Browser compatibility</h2>

<p>{{Compat("html.elements.input.input-hidden")}}</p>
<p>{{Compat}}</p>

<h2 id="See_also">See also</h2>

Expand Down
27 changes: 3 additions & 24 deletions files/en-us/web/html/element/input/image/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@
- Input Type
- Number
- Reference
browser-compat: html.elements.input.input-image
---
<div>{{HTMLRef}}</div>

Expand Down Expand Up @@ -373,33 +374,11 @@ <h4 id="CSS_2">CSS</h4>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comments</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', 'forms.html#image-button-state-(type=image)', '&lt;input type="image"&gt;')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td></td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'forms.html#image-button-state-%28type=image%29', '&lt;input type="image"&gt;')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td></td>
</tr>
</tbody>
</table>
<p>{{Specifications}}</p>

<h2 id="Browser_compatibility">Browser compatibility</h2>

<div class="hidden">The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</div>

<p>{{Compat("html.elements.input.input-image")}}</p>
<p>{{Compat}}</p>

<h2 id="See_also">See also</h2>

Expand Down
Loading

0 comments on commit 41a17d8

Please sign in to comment.