Bài tiếp theo trong Serie học HTML căn bản hôm nay, mình sẽ hướng dẫn các bạn cách tạo form đăng nhập bằng ngôn ngữ HTML . Trong bố cục của một website hiện nay việc tạo một form đăng nhập cho người dùng khi vào websie dường như rất phổ biến, nhất là những website dạng bán hàng hay diễn đàn để có thể quản lý thành viên dễ dàng hơn.
Tạo form đăng nhập bằng ngôn ngữ HTML như thế nào?
Để đơn giản hóa vấn đề cũng như mang lại tính thẩm mỹ hơn, chúng ta sẽ tạo form dựa trên bố cục của một Table.
Chức năng của form đăng nhập như sau:
Từ bố cục trên, chúng ta sẽ tạo 1 Table gồm 4 dòng và 2 cột. Sử dụng thuộc tính colspan cho dòng 1 và dòng 4.
- Bạn nên xem : Các thẻ HTML định dạng Table
Code xử lý như sau:
- Thẻ để chúng ta tạo một ô để nhập văn bản vào. Các type trong thẻ phải nhập đúng giá trị.
- Tất cả các thẻ phải nằm trong cặp thẻ .
- Thuộc tính action dùng để link đến một trang web khác khi người dùng nhập vào username + password và nhấp OK ở ví dụ trên là xulyform.html.
- Method = “post” là thuộc tính thông thường được sử dụng trong một form. Ngoài ra có thêm một số thuộc tính khác như Method=”get”.
- Placeholder là đoạn text sẽ hiện ra trong ô nhập user và password nhằm mục đích hướng dẫn người dùng.
- Button Reset có type là reset nhằm khôi phục lại giá trị ban đầu.
- Button Ok có type là submit có ý nghĩa là gửi đi.
Lời kết : Việc tạo form đăng nhập bằng ngôn ngữ HTML không quá khó khăn mà chỉ cần vài dòng lệnh là đã thành công, nhưng tầm quan trọng của form trong một website là không thể phủ nhận. Bài tới mình sẽ hướng dẫn các bạn cách tạo một form đăng ký đơn giản bằng ngôn ngữ HTML. Hãy chú ý theo dõi nhé!
Chúc bạn thành công!
Những bài bạn nên xem:- Các thẻ HTML định dạng Table
- Các thẻ HTML định dạng hình ảnh và video
- Cách dùng thẻ a để tạo liên kết trong HTML
- Các thẻ HTML định dạng danh sách [list]
- Các thẻ HTML định dạng văn bản
- Các thẻ HTML khai báo thông tin web căn bản
3.3/5 - [3 bình chọn]
Form biểu mẫu rất đa dạng trên website khi bạn muốn thu thập một số dữ liệu từ khách hàng hoặc người dùng như thông tin, tên, số điện thoại. Sau đây hãy cùng VDO Software đi tìm hiều về cách tạo form đăng nhập HTML như thế nào nhé
HTML Form là gì?
Mục lục
- HTML Form là gì?
- Cách tạo form đăng nhập HTML cho các phần tử đầu vào
- Tạo trường văn bản trong form đăng nhập HTML
- Tạo trường mật khẩu cho Form HTML
- Tạo các nút Radio trong Form HTML
- Tạo hộp kiểm trong Form HTML
- Các hộp chọn tệp trong form HTML
- Vùng văn bản trong Form HTML
- Chọn hộp trong form HTML
- Đặt lại và gửi các nút
- Các thuộc tính được trong Form HTML
- Thuộc tính hành động
- Thuộc tính target trong HTML Forms
- Thuộc tính tên trong Form Html
HTML Form là tài liệu lưu trữ thông tin của người dùng trên máy chủ web bằng cách người dùng nhập liệu vào form. HTML Form chứa các loại thông tin khác nhau như tên người dùng, mật khẩu, số liên lạc, id email, v.v.
Các phần tử được sử dụng trong biểu mẫu HTML là hộp kiểm, hộp nhập, các nút radio, nút gửi, v.v. Sử dụng các phần tử này là thông tin của người dùng được gửi trên một máy chủ web.
Các hình thức thẻ được sử dụng để tạo ra một hình thức HTML.
Ví dụ tạo form đăng nhập HTML
Cách tạo form đăng nhập HTML cho các phần tử đầu vào
Phần tử đầu vào là phần tử phổ biến nhất được sử dụng trong HTML Forms. Có thể tạo các trường nhập liệu khác nhau của người dùng như trường văn bản, hộp kiểm, trường mật khẩu, nút radio, nút gửi, v.v. Các phần tử đầu vào phổ biến nhất được liệt kê dưới đây:
Tạo trường văn bản trong form đăng nhập HTML
Trường văn bản là trường nhập một dòng cho phép người dùng nhập văn bản. Các điều khiển nhập Trường văn bản được tạo bằng cách sử dụng phần tử “đầu vào” với thuộc tính kiểu có giá trị là “văn bản”.
Example Of Text Field