Hình thức bootstrap 4

Trong bài học này, mình sẽ hướng dẫn các bạn cách tạo form trong Bootstrap. Chúng ta sẽ lần lượt tìm hiểu từng loại đầu vào của một biểu mẫu

Nội dung chính

• Video – Biểu mẫu trong Bootstrap
• Request of a form
• Hướng dẫn chi tiết
  • Các đầu vào thường được sử dụng trong biểu mẫu

Video – Biểu mẫu trong Bootstrap

Request of a form

"Người ta tắt AdsBlock không phải vì người ta dại, mà người ta quý mình nên coi quảng cáo"

Hosting WordPress nhanh, rẻ và dễ sử dụng có free SLL hãy chọn Azdigi nhé.
Link đăng ký: NHẬN NGAY ƯU ĐÃI
Nếu các bạn mua hosting từ link trên, mình sẽ có một ít tiền để duy trì. Cảm ơn

Chúng ta sẽ tạo một biểu mẫu như trang đăng ký tài khoản của Facebook

+ nhập loại mật khẩu

+ select and options

+ nút radio

+ thêm ô đánh dấu nếu cần

+ Và cuối cùng là 1 button type submit để gửi form, load lại trang

Hướng dẫn chi tiết

Đầu tiên, để dùng form, chúng ta cần dùng cặp thẻ  để bao bọc tất cả input. Bootstrap định nghĩa sẵn các class form-group, form-control để định dạng cho các input và các thẻ label đi cùng [giãn cách, margin, padding, …]

Các đầu vào thường được sử dụng trong biểu mẫu

Thuộc tính required cho input request must content new could send from go

Thuộc tính tên giúp PHP nah65n liệt kê các đầu vào này, còn lớp và id dùng cho CSS và JS

Để định dạng cho từng đầu vào, chúng ta thêm kiểm soát biểu mẫu lớp

+ Kiểu nhập văn bản. used to enter the short text. Để cho 2 đầu vào nằm ngang như trong ví dụ 2 đầu vào Họ và Tên. Chúng ta sử dụng thêm class form-row và chia cột bootstrap

   

      

         Tên
         
      
      

         Họ
         
      
   

+ Nhập loại email. dùng để nhập email, hỗ trợ nhắc thêm ký tự @ cho nội dung nhập vào

   Email
   

+ Nhập mật khẩu giúp ẩn nội dung nhập vào

   Mật khẩu
   

+ Chọn và các tùy chọn giúp định hướng người dùng chọn những câu trả lời theo ý mình, dưới dạng một menu chuyển xuống. Để mã nguồn máy chủ như PHP xử lý được, và nah65n giá trị của các tùy chọn, chúng ta thêm tên cho chọn và thuộc tính giá trị cho tùy chọn

   Nơi sống
   
      Nơi sống của bạn
      TPHCM
      Hà Nội
      Khác
   

+ Loại đầu vào radio, thêm thuộc tính tên trong 1 nhóm radio phải giống nhau nếu chọn ô này thì các ô khác tự động bỏ chọn

+ Ô đánh dấu kiểu nhập, có thể chọn vào nhiều ô

   
   Tôi đồng ý điều khoản sử dụng

Nút gửi nội dung có type=”submit”

Ngoài ra, biểu mẫu còn có tệp loại đầu vào gửi tệp

mẫu mã. Tải xuống

Nếu có thắc mắc, hãy đặt câu hỏi bằng cách bình luận bên dưới, qua email, hoặc nhắn tin qua Fanpage Góc làm web