Câu hỏi tự luận mức độ vận dụng Khoa học máy tính 12 ctst bài F5: Tạo biểu mẫu trong trang web

Câu 1: 

<form action="register.php" method="post">

    <label for="name">Tên:</label>

    <input type="text" id="name" name="name" required>

    <label for="email">Email:</label>

    <input type="email" id="email" name="email" required>

    <label for="password">Mật khẩu:</label>

    <input type="password" id="password" name="password" required>

    <input type="submit" value="Đăng ký">

</form>

Câu 2: 

- Cách sử dụng thẻ <textarea>:

+ Thẻ <textarea> được sử dụng để tạo một ô nhập liệu đa dòng, cho phép người dùng nhập văn bản dài hơn so với thẻ <input type="text">.

<label for="message">Tin nhắn:</label>

<textarea id="message" name="message" rows="4" cols="50"></textarea>

- Khi nào nên sử dụng: Sử dụng <textarea> khi cần thu thập thông tin dài, như phản hồi, bình luận, hoặc mô tả, nơi mà người dùng có thể cần nhiều không gian để nhập liệu.

Câu 3: 

- Sử dụng sự kiện: Sử dụng sự kiện onsubmit của thẻ <form> để gọi một hàm kiểm tra trước khi gửi dữ liệu.

- Kiểm tra giá trị: Trong hàm kiểm tra, lấy giá trị từ các trường nhập liệu và thực hiện các điều kiện kiểm tra (ví dụ: kiểm tra xem trường có rỗng không, định dạng email có đúng không).

- Hiển thị thông báo lỗi: Nếu dữ liệu không hợp lệ, hiển thị thông báo lỗi và ngăn không cho biểu mẫu được gửi.

- Ví dụ mã JavaScript:

<script>

function validateForm() {

    var name = document.getElementById("name").value;

    if (name === "") {

        alert("Tên không được để trống.");

        return false; // Ngăn không cho gửi biểu mẫu

    }

    return true; // Cho phép gửi biểu mẫu

}

</script>

<form onsubmit="return validateForm()">