首页 > itarticle > html forms

html forms

admin 11月 13, 2020 0

radio

1
2
3

<label>Age:</label> //this label has nothing to associate with,so there are no "for" attributes.
<input type="radio" id="under_13" name="user_age"><label for="under_13">Under 13</label><br>
<input type="radio" id="over_13" name="user_age"><label for="over_13">Over 13</label><br>

checkbox

1
2

table

tr table row
<tabel>
	<tr>
		<td>A</td>
		<td>B</td>
		<td>C</td>
	</tr>
	<tr>
		<td>D</td>
		<td>E</td>
		<td>F</td>
	</tr>
</table>

Also, we can use a table header cell element on each of these columns to tell the browser,search engine crawlers, and screen readers that they are actually headers and not just regular data.

1 2	change td to th table header cell elements

Table header elements is nice to define for search crawlers and access ability purposes, and it’s helpful for styling.
Table footer should contain summary of the table.

<tfoot>
    <tr>
      	<td  colspan="2">Data is updated every 15 minutes.</td>
    </tr>  
<tfoot>

Responsive Layouts

We should creat breakpoints based on our content. Going from a one column layout to a muti-column layout is a pretty dramatic change and not every breakpoint demands it.