JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<form action="" method="post" accept-charset="utf-8"><table>
<tr>
<th>學校</th>
<td>
<select name="school">
<option></option>
<option value="0">某國小</option> </select>
</td>
<th>座號</th>
<td>
<select name="no">
<option></option>
<option value="1">1 號</option><option value="2">2 號</option><option value="3">3 號</option><option value="4">4 號</option><option value="5">5 號</option><option value="6">6 號</option><option value="7">7 號</option><option value="8">8 號</option><option value="9">9 號</option><option value="10">10 號</option><option value="11">11 號</option><option value="12">12 號</option><option value="13">13 號</option><option value="14">14 號</option><option value="15">15 號</option><option value="16">16 號</option><option value="17">17 號</option><option value="18">18 號</option><option value="19">19 號</option><option value="20">20 號</option><option value="21">21 號</option><option value="22">22 號</option><option value="23">23 號</option><option value="24">24 號</option><option value="25">25 號</option><option value="26">26 號</option><option value="27">27 號</option><option value="28">28 號</option><option value="29">29 號</option><option value="30">30 號</option><option value="31">31 號</option><option value="32">32 號</option><option value="33">33 號</option><option value="34">34 號</option><option value="35">35 號</option><option value="36">36 號</option><option value="37">37 號</option><option value="38">38 號</option><option value="39">39 號</option><option value="40">40 號</option> </select>
</td>
</tr>
<tr>
<th>年級</th>
<td>
<select name="grade">
<option></option>
<option value="5">5 年級</option><option value="6">6 年級</option> </select>
</td>
<th>性別</th>
<td>
<label for="sexMale"><input id="sexMale" type="radio" name="sex" value="m" class="radio" />男生</label><label for="sexFemale"><input id="sexFemale" type="radio" name="sex" value="f" class="radio" />女生</label> </td>
</tr>
<tr>
<th>班級</th>
<td>
<select...
CSS
html, body {
width: 100%;
height: 100%;
background-color: #FFE080;
font-weight: bold;
margin: 0;
padding: 0;
}
table {
width: 100%;
border: 0, none, #000000;
border-spacing: 0;
padding: 8pt;
}
th {
width:15%;
}
td {
width:35%;
text-align:left;
}
form {
width: 100%;
text-align: center;
}
body, input, select {
font-size: 14pt;
}
input[type='text'], select {
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.radio {
}
#submit {
width: 60%;
height: 32pt;
}