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

3. VẬN DỤNG (3 CÂU)

Câu 1: Tạo một biểu mẫu có chứa một danh sách lựa chọn cho các loại trái cây và một nút lệnh gửi?

Câu 2: Giải thích cách sử dụng thuộc tính placeholder trong thẻ <input> và lợi ích của nó?

Câu 3: Mô tả cách sử dụng thuộc tính required trong biểu mẫu và ảnh hưởng của nó đến việc gửi dữ liệu?


Câu 1: 

<form action="/submit" method="post">

  <label for="fruits">Chọn loại trái cây:</label>

  <select id="fruits" name="fruits">

    <option value="apple">Táo</option>

    <option value="banana">Chuối</option>

    <option value="orange">Cam</option>

    <option value="grape">Nho</option>

 </select>

  <button type="submit">Gửi</button>

</form>

Câu 2: 

- Cách sử dụng: Thuộc tính placeholder được sử dụng trong thẻ <input> để hiển thị một văn bản hướng dẫn tạm thời bên trong ô nhập liệu, giúp người dùng biết cần nhập gì.

- Lợi ích:

+ Cung cấp thông tin rõ ràng cho người dùng mà không chiếm không gian cố định trong giao diện.

+ Giúp cải thiện trải nghiệm người dùng bằng cách hướng dẫn họ nhập dữ liệu đúng cách.

Câu 3:

- Cách sử dụng: Thuộc tính required được thêm vào các thẻ nhập liệu (<input>, <textarea>, v.v.) để chỉ định rằng trường đó là bắt buộc phải điền trước khi gửi biểu mẫu.

- Ảnh hưởng: Nếu người dùng cố gắng gửi biểu mẫu mà không điền vào các trường có thuộc tính required, trình duyệt sẽ hiển thị thông báo lỗi và ngăn không cho biểu mẫu được gửi cho đến khi tất cả các trường bắt buộc được điền.


Bình luận

Giải bài tập những môn khác