JSFiddle - React, Tailwind, and code Playground

by willy69wu31

HTML

<body>
<form action="" method="post" accept-charset="utf-8"><table>
	<tr>
		<td>學校</td>
		<td>
			<select name="school">
				<option></option>
		<option value="0">某國小</option>			</select>
		</td>
		<td>座號</td>
		<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>
		<td>年級</td>
		<td>
			<select name="grade">
				<option></option>
		<option value="5">5 年級</option><option value="6">6 年級</option>			</select>
		</td>
		<td>性別</td>
		<td>
		<input id="sexMale" type="radio" name="sex" value="m" class="radio" /><label for="sexMale">男生</label><input id="sexFemale" type="radio" name="sex" value="f" class="radio" /><label for="sexFemale">女生</label>		</td>
	</tr>
	<tr>
		<td>班級</td>
		<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;
}

td {
	padding: 8pt;
}

form {
	width: 100%;
	text-align: center;
}

body, input, select {
	font-size: 14pt;
}

input, select {
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.radio {
	width: 14pt;
}

#submit {
	width: 60%;
	height: 32pt;
}