Và chào mừng trở lại.
Chúng tôi sẽ đi sâu vào một số thẻ nâng cao hơn và có lẽ thẻ quan trọng nhất mà bạn sẽ sử dụng ngoài những thẻ
mà chúng tôi đã đề cập cho đến nay là những thẻ mà chúng tôi cần tạo biểu mẫu.
Như bạn đã biết, khi bạn truy cập các trang web, thường có một số loại đăng nhập hoặc biểu mẫu đăng ký.
Vì vậy, chúng tôi sẽ xây dựng điều đó ngay hôm nay.
Để bắt đầu, hãy tạo một tệp mới tại đây.
Chúng tôi sẽ lưu nó và gọi nó là HTML đã đăng ký trên màn hình của chúng tôi.
Hoàn hảo và chúng tôi biết rằng chúng tôi muốn có một HTML, vì vậy chúng tôi sử dụng phím tắt nhỏ của mình và chúng tôi sẽ đặt tiêu đề cho nó là đăng
ký, hãy lưu lại.
Và bây giờ trong tệp HTML đã được lập chỉ mục, hãy thêm một liên kết khác.
Tài liệu tham khảo đó.
Đăng ký.
HTML.
Và tôi chỉ nói, đây, đăng ký.
Được rồi.
Chúng tôi sẽ lưu cả hai tệp này và hãy làm mới.
Chúng tôi có đăng ký.
Bấm đăng ký.
Chà, chúng tôi vẫn chưa có gì, nhưng có vẻ như nó đang hoạt động.
Hãy thêm điều này vào một dòng mới chỉ vì nó trông đẹp hơn theo cách đó.
Vì vậy, để làm điều đó, nếu bạn nhớ, chúng tôi sẽ thêm một thẻ ngắt.
Vì vậy, hãy làm mới.
Của bạn đây.
Chúng tôi có trang mới và đăng ký.
Vì vậy, chúng ta hãy xây dựng biểu mẫu này.
Nếu chúng ta đi vào đăng ký html dot.
Cách chúng tôi viết biểu mẫu bằng HTML trong khi thuận tiện có thẻ biểu mẫu.
Được chứ.
Nhưng bản thân thẻ biểu mẫu này, nó cần phải có biểu mẫu thực bên trong.
Vậy chúng ta có những loại yếu tố hình thức nào?
À, một lần nữa, nếu chúng ta nhớ đến người bạn cũ tốt bụng W3C của chúng ta, chúng ta hãy nhập các biểu mẫu.
Và chúng ta có thể thấy ở đây rằng chúng ta có các biểu mẫu HTML.
Và làm mới.
Chúng tôi sẽ tạo toàn màn hình.
Và bạn có thể thấy ở đây có rất nhiều thông tin về nó, nhưng bạn có thể tự tra cứu điều đó ngay
bây giờ.
Tôi sẽ giới thiệu cho bạn những thứ phổ biến nhất, có thể là những thứ mà bạn sẽ sử dụng 90% thời gian.
Điều đầu tiên, như chúng ta làm với bất kỳ biểu mẫu nào và bây giờ chúng ta hãy truy cập trang đó là những gì chúng ta muốn nhập tên của
mình.
Vì vậy, làm thế nào để chúng tôi làm điều đó?
Chúng tôi có một thẻ đầu vào.
Điều đó có một loại văn bản bởi vì, tốt, tên của chúng ta sẽ ở dạng văn bản.
Và chúng ta có thể kết thúc điều đó.
Và nó thực sự là một thẻ tự đóng.
Vì vậy, bây giờ nếu tôi lưu và làm mới, chúng tôi có một hộp nhỏ ở đây.
Hy vọng rằng bạn có thể thấy rằng.
Nhưng tốt, có lẽ chúng ta nên đặt tiêu đề cho nó vì chúng ta sẽ không biết phải nhập gì theo cách đó.
Vì vậy, chúng tôi sẽ đưa vào đây, chúng tôi sẽ nói tên đầu tiên.
Dấu chấm phẩy và lưu.
Hãy làm mới.
Chúng tôi có tên đầu tiên và bây giờ hãy làm cho nó lớn hơn một chút.
Của bạn đây.
Bây giờ bạn có thể nhập tên của bạn vào đây.
Đáng kinh ngạc.
Vâng, chúng ta hãy thêm một cái khác cho họ.
Và một lần nữa, chúng tôi sẽ có loại đầu vào của chúng tôi.
Vì vậy, đó là một thuộc tính và một giá trị của văn bản.
Và nếu chúng tôi làm mới, chúng tôi có họ.
Được rồi, nhưng nó có vẻ xấu xí.
Hãy nhớ rằng HTML chỉ đọc từng dòng và không thực sự biết rằng chúng ta muốn có một khoảng trống ở đây.
Vì vậy, một lần nữa, chúng ta có thể thêm một.
Thẻ phanh ở đây và làm mới.
Và chúng tôi có tên và họ.
Được chứ.
Đó là điều khá dễ hiểu.
Chúng ta còn gì nữa?
Dưới một hình thức?
Chúng tôi có email.
Vì vậy, chúng ta hãy thêm một trường khác, đó là email và chúng ta sẽ thực hiện lại công việc nhập liệu, nhập cuộc gọi, văn bản.
Chúng tôi sẽ thêm một khoảng nghỉ ở đây vì chúng tôi sẽ cần khoảng cách đó.
Và hãy lưu làm mới.
Đáng kinh ngạc.
Được chứ.
Vì vậy, chúng tôi có mẫu đăng ký chung của chúng tôi.
Và rõ ràng với bất kỳ hình thức nào, chúng tôi cần một số loại nút, như chúng tôi cần gửi cái này ở đâu đó để chúng tôi
có thể đăng ký.
À, một lần nữa, có một kiểu đầu vào hay cho điều đó.
Vì vậy, chúng tôi thực hiện đầu vào thay vì một loại văn bản.
Có một loại gửi.
Vì vậy, điều này.
Nếu chúng ta thêm một lần nữa vào đây.
Và tôi lưu cái này, tôi làm mới nó có một nút gửi.
Bây giờ, cái này đến từ đâu?
Khi bạn gửi một loại đầu vào, nó sẽ tự động tạo một nút.
Và nếu bạn không chỉ định những gì cần nói, nó sẽ chỉ có dòng chữ này.
Nhưng chúng tôi có thể thay đổi điều đó để chúng tôi có thể nâng cao giá trị.
Và chúng tôi sẽ đăng ký.
Lưu làm mới đó.
Bây giờ chúng tôi có một nút đăng ký.
Được chứ.
Nhưng nếu chúng ta mắc sai lầm trong lĩnh vực này thì sao?
Chúng tôi viết nội dung, và, chúng tôi muốn đặt lại cái này một lần nữa, có một đầu vào khác cho cái đó.
Và loại đầu vào đó, như bạn có thể tưởng tượng, được đặt lại.
Vì vậy, bây giờ nếu chúng tôi đóng quảng cáo này, một quảng cáo khác đột nhập vào đây, thực ra, chúng tôi có thể giữ nguyên quảng cáo đó.
Chúng tôi sẽ lưu làm mới.
Và chúng tôi đã thiết lập lại.
Vì vậy, bây giờ nếu tôi nhập bất cứ điều gì vào đây và nói rằng tôi không muốn tốt, tôi không thích điều này.
Tôi cần đặt lại biểu mẫu.
Tôi chỉ cần nhấp vào đặt lại và nó sẽ xóa mọi thứ cho chúng tôi.
Được chứ.
Bạn có thể tự hỏi mình điều gì?
Điều gì xảy ra khi chúng ta bấm đăng ký?
Trước khi chúng ta đi sâu vào vấn đề đó, tôi muốn xem qua tất cả các kiểu đầu vào phổ biến và sau đó
chúng ta sẽ nhấp vào sổ đăng ký để xem điều gì xảy ra với email.
Lý tưởng nhất là chúng tôi muốn, trước hết, nó được yêu cầu để khi bạn nhấp vào đăng ký, nếu bạn
chưa cung cấp email, nó sẽ không cho phép bạn đăng ký.
Và có một thuộc tính mà chúng ta có thể sử dụng cho điều đó và điều đó là bắt buộc.
Và ở đây chúng tôi không thực sự phải chỉ định một giá trị vì tự động nó được giả định rằng bắt buộc bằng
đúng, có nghĩa là trường biểu mẫu này là bắt buộc.
Vì vậy, nếu tôi nói rằng tôi làm mới và tôi để trống và tôi nhấp vào đăng ký, tôi sẽ nói, vui lòng điền vào trường
này.
Bây giờ chúng tôi cũng muốn đảm bảo rằng đó là một trường email thích hợp.
Vì vậy, nếu tôi nhập một cái gì đó như thế này, chúng tôi vẫn muốn đảm bảo rằng đây là một email không chính xác.
Chúng tôi không muốn đăng ký.
Vì vậy, loại đầu vào của văn bản mà tôi đã nói với bạn cho email thực sự là sai.
Có một cái cụ thể mà chúng ta có thể sử dụng, như bạn có thể tưởng tượng, email.
Vì vậy, bây giờ nếu tôi làm mới và nhập một cái gì đó không phải là email và tôi nhấp vào đăng ký.
Tôi sẽ nói vui lòng bao gồm một ứng dụng và địa chỉ email.
Rất đẹp.
Nó giống như một phép thuật.
Nó làm điều này cho bạn, rất, rất tốt.
Hãy mở rộng kiến thức của chúng tôi về đầu vào và thêm một số lĩnh vực khác mà rất có thể sẽ cần.
Thường muốn biết sinh nhật của ai đó.
Vì vậy, chúng ta hãy thêm ngày sinh ở đây.
Và đối với kiểu đầu vào này, chúng ta hãy nhập.
Ngày.
Vì vậy, nếu tôi lưu cái này và tôi làm mới, hãy nhìn vào cái đó.
Chúng tôi có một công cụ chọn ngày nhỏ rất hay.
Vì vậy, tôi có thể chọn bất cứ thứ gì ở đây.
Được rồi.
Chúng ta cần thứ gì khác nữa?
Chúng tôi cũng cần giới tính.
Vì vậy, chúng tôi sẽ làm đầu vào, nhập.
Và đối với giới tính.
Chà, không có kiểu đầu vào cụ thể cho giới tính, nhưng có một thứ gọi là radio.
Và radio, như tên gợi ý, là các nút radio.
Vậy bây giờ.
Tôi nhấp vào làm mới và tốt, tôi có một nút radio, nhưng lý tưởng nhất là chúng tôi muốn có các tùy chọn, phải không?
Vì vậy, làm thế nào để chúng tôi làm điều đó?
Vì vậy, đối với đài, chúng ta cũng cần phải nói là nam hay nữ, chúng ta hãy có trong giới tính.
Chúng ta sẽ nói chuyện ở đây và chúng ta sẽ nói.
Nhập vào đài phát thanh và chúng tôi sẽ nói thư.
Và chúng tôi cũng muốn.
Giống cái.
Và chúng tôi cũng muốn.
Khác.
Và khi chúng ta làm mới cái này, chúng ta có nam, nữ và khác.
Nhưng bạn thấy một vấn đề ở đây.
Tôi chỉ nhấp vào các nút radio và tôi không thể bỏ chọn chúng.
Và lý tưởng nhất là bạn chỉ có thể bạn chỉ có thể chọn một.
Và ngay bây giờ, theo cách của các nút radio, chúng không biết về sự tồn tại của nhau.
Chúng tôi muốn đảm bảo rằng họ biết rằng họ được kết nối, họ là gia đình và chỉ có thể chọn một trong
số họ.
Vì vậy, làm thế nào để chúng tôi làm điều đó?
Cách chúng tôi làm điều đó là thông qua thuộc tính name.
Vì vậy, đối với tên, chúng tôi sẽ nói giới tính.
Và thuộc tính tên này cần phải khớp trên tất cả các nút radio để chúng biết chúng cùng là một
phần của trường nhập giới tính.
Vì vậy, nếu tôi lưu ở đây và làm mới.
Bây giờ bạn có thể thấy rằng tôi chỉ có thể chọn một.
Được rồi, hoàn hảo.
Chúng ta nên có gì khác?
Vâng, hãy nói rằng tôi thực sự muốn biết liệu bạn có nuôi thú cưng hay không.
Với thú cưng cũng vậy.
Chúng ta sẽ có loại đầu vào.
Chà, bạn có thể có nhiều vật nuôi, vì vậy nó sẽ không phải là nút radio.
Chúng tôi muốn hộp kiểm.
Vì vậy, hộp kiểm chúng ta muốn nó có mèo hoặc chúng ta hãy đặt mèo và chúng ta muốn có.
Có thể gõ ngày hôm nay.
Hộp kiểm, và chúng tôi muốn có chó.
Vì vậy, chúng ta hãy tiết kiệm điều đó.
Hãy làm mới và nhìn vào điều đó.
Chúng tôi có thú cưng, nhưng lần này là hộp kiểm, có nghĩa là.
Tôi có thể chọn nhiều.