Skip to content

Instantly share code, notes, and snippets.

@minhphong306
Created February 1, 2026 01:17
Show Gist options
  • Select an option

  • Save minhphong306/6f00adc60f45c898e26d55bcb6cc0ae9 to your computer and use it in GitHub Desktop.

Select an option

Save minhphong306/6f00adc60f45c898e26d55bcb6cc0ae9 to your computer and use it in GitHub Desktop.
DOM example - lesson 05
<!DOCTYPE html>
<html>
<body>
<div class="container">
<!-- Form Đăng Ký -->
<div class="registration-form">
<h2>Form Đăng Ký Học Viên</h2>
<form id="studentForm">
<input id="fullname" name="name" type="text" placeholder="Họ và tên">
<input id="email" name="email" type="email" placeholder="Email">
<input id="phone" name="phone" type="tel" placeholder="Số điện thoại">
<button type="submit" class="btn-register">Đăng ký</button>
</form>
</div>
<!-- Bảng Kết Quả -->
<div class="result-section">
<h2>Danh Sách Đã Đăng Ký</h2>
<table id="resultTable">
<thead>
<tr>
<th>Họ Tên</th>
<th>Email</th>
<th>Số Điện Thoại</th>
</tr>
</thead>
<tbody>
<tr>
<td>Nguyễn Văn An</td>
<td>an.nguyen@email.com</td>
<td>0901234567</td>
</tr>
<tr>
<td>Trần Thị Bình</td>
<td>binh.tran@email.com</td>
<td>0912345678</td>
</tr>
<tr>
<td>Lê Hoàng Cường</td>
<td>cuong.le@email.com</td>
<td>0923456789</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment