Chọn theo ý nghĩa dữ liệu
| type | Mục đích trong bài |
|---|---|
| text |Nhập một dòng văn bản, như tên món|
| number |Nhập giá trị số, như đơn giá hoặc số lượng|
| date |Nhập một ngày, như ngày sinh hoạt|
| password |Nhập chuỗi được che khi hiển thị|
| file |Chọn tệp trên thiết bị|
Kiểu number phù hợp với giá trị dùng để tính toán. Một mã có chữ số, cần giữ số 0 đầu hoặc chỉ dùng để định danh, có thể cần text. Không chọn number chỉ vì thấy toàn chữ số.
Ba ô với ba loại dữ liệu
```html
<label for="ma">Mã nhóm:</label>
<input id="ma" name="ma" type="text">
<label for="luong">Số lượng:</label>
<input id="luong" name="luong" type="number">
<label for="ngay">Ngày sinh hoạt:</label>
<input id="ngay" name="ngay" type="date">
```
Mã giả định 0012 cần giữ nguyên nên dùng text. Số lượng là giá trị số nên dùng number. Chọn một ngày cần date; hình thức ô hoặc lịch chọn ngày có thể khác theo trình duyệt và ngôn ngữ.
Chỉ đặt type="number" chưa quy định số lượng phải dương hay nằm trong một giới hạn cụ thể. Các điều kiện dữ liệu còn cần được xác định và kiểm tra phù hợp.
Che chuỗi và chọn tệp chưa phải bảo vệ hay tải lên
Trong thu_input.html, ô password chỉ dùng chuỗi giả định như “mau123”. Che kí tự trên màn hình không tự bảo đảm dữ liệu được truyền hoặc lưu an toàn; không nhập mật khẩu thật để thử.
Ô file cho phép chọn một tệp. Chọn xong không đồng nghĩa tệp đã tải lên máy chủ: còn cần thao tác gửi và chức năng nhận phù hợp. Mẫu thử đặt ô này ngoài form, không có chức năng tải lên.
Bài luyện
Mã nhóm giả định 0012 phải giữ số 0 đầu và không dùng tính toán. Kiểu nào phù hợp trong các lựa chọn?
Đây là mã định danh, không phải đại lượng số cần tính.
Đúng. text giữ mã như một chuỗi.
date dùng cho ngày.
file dùng để chọn tệp.
Lời giải
Mã 0012 là chuỗi định danh cần giữ nguyên cách viết. text phù hợp hơn number cho mục đích ấy; không chọn kiểu chỉ dựa vào việc mã gồm các chữ số.
Bài luyện
Cần nhập ngày sinh hoạt mẫu. type nào phù hợp?
password dùng chuỗi được che.
radio chọn giữa các lựa chọn cho sẵn.
Đúng. date biểu diễn ngày.
file dùng để chọn tệp.
Lời giải
date tạo điều khiển nhập ngày. Trình duyệt có thể hiển thị lịch hoặc cách nhập khác nhau, nhưng mục đích của kiểu này vẫn là chọn giá trị ngày.
Bài luyện
Một ô password che các kí tự đã nhập. Kết luận nào đúng?
Đúng. Che hiển thị khác bảo vệ đường truyền và lưu trữ.
Dạng ô không chứng minh máy chủ không đọc được.
type password không tự mã hóa mọi dữ liệu của trang.
Kiểu ô không thay phần xử lí.
Lời giải
password thay cách hiển thị chuỗi trong ô. Việc bảo vệ dữ liệu khi truyền và lưu là vấn đề riêng; không dùng mật khẩu thật để thử biểu mẫu học tập.
Bài luyện
Chọn một tệp trong ô file của thu_input.html chứng minh điều gì?
Mẫu không có chức năng lưu vào cơ sở dữ liệu.
Chọn tệp không tự phát tán tệp.
Mẫu chưa có thao tác và chức năng nhận tải lên.
Đúng. Lựa chọn tệp khác gửi tệp.
Lời giải
file cho phép chỉ định tệp trên thiết bị. Mẫu đặt ô ngoài form và không có chức năng tải lên, nên chỉ có lựa chọn cục bộ; không thể coi đó là sản phẩm đã lưu trên máy chủ.
Đang học