Ngôn ngữ HTML - Tạo trang web Đăng nhập

Tạo trang web Đăng nhập

Yêu cầu thiết kế:

STT Đối tượng Yêu cầu
1 Trang web Tiêu đề cửa sổ: Tạo form và các điều khiển trên form
2 Nội dung trang web
  • Tạo form
  • Tạo table trong form
  • Tạo 2 điểu khiển (đ.k) Text Fields và nút Button
  • Tạo đ.k nhãn dùng để xuất nội dung Mã người dùng

Yêu cầu xử lý:

STT Đối tượng Yêu cầu
1 Nút Đồng ý Khi chọn: Xuất nội dung ô Mã người dùng ra điều khiển nhãn

Mã nguồn HTML :

<html>
<head>
   <title>Thiết kế form đăng nhập</title>
</head>
<body>
<div>
   
        
  
    <table border="1" align="center" cellpadding="0" cellspacing="0" style="background-color:lightseagreen;border-color: red">
     <tr><td colspan="2" style="color: red;" align="center">Đăng nhập</td></tr>
        <tr>
            <td>
                Mã người dùng
            </td>
            <td>
                <input type="text" id="username">
            </td>
        </tr>
        <tr>
            <td>
                
                    Mật khẩu:
                
            </td>
            <td>
                <input type="password">
            </td>
         
        </tr>
        <tr>
            <td colspan="2" align="center">
                <button onclick="username1.innerHTML=document.getElementById('username').value">Lưu</button>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center">
               
                <span id="username1"></span>
                
            </td>
        </tr>
    </table>

</div>
</body>
</html>

Xem ví dụ