Làm cách nào để xác thực biểu mẫu trong Bootstrap 4?

trong bài viết này. Tôi sẽ chỉ cho bạn cách xác thực hộp văn bản HTML 5, vùng văn bản, chọn, hộp kiểm, nút radio và tải tệp lên bằng bootstrap 4. Xác thực cung cấp phản hồi có giá trị, có thể hành động cho người dùng của bạn với xác thực biểu mẫu HTML 5 có sẵn trong tất cả các trình duyệt được hỗ trợ của chúng tôi. Chọn từ phản hồi xác thực mặc định của trình duyệt hoặc triển khai thông báo tùy chỉnh với các lớp tích hợp sẵn của chúng tôi và JavaScript khởi động

Nội dung chính Show

Giới thiệu về Bootstrap 4 Form
Bố cục biểu mẫu Bootstrap
Văn bản thuần túy chỉ đọc và chỉ đọc
Xác thực biểu mẫu Bootstrap 4
Các câu hỏi thường gặp
Phần kết luận
Làm cách nào để sử dụng xác thực trong Bootstrap 5?
Làm cách nào để làm cho trường đầu vào phản hồi nhanh trong Bootstrap 4?
Làm cách nào để xác thực biểu mẫu Bootstrap bằng jQuery?
Ba loại xác thực biểu mẫu là gì?

Điểm quan trọng cần nhớ khi bạn xác nhận mẫu

Xác thực biểu mẫu HTML được áp dụng thông qua hai lớp giả của CSS,. không hợp lệ và. có hiệu lực. Nó áp dụng cho , , và

Hướng dẫn này giải thích cách tạo Biểu mẫu Bootstrap cùng với bố cục, mẫu và ví dụ về Xác thực biểu mẫu Bootstrap 4

Trong hướng dẫn này về biểu mẫu Bootstrap 4, chúng tôi đã giới thiệu về biểu mẫu Bootstrap, lưới biểu mẫu, bố cục biểu mẫu dọc, bố cục biểu mẫu ngang, bố cục biểu mẫu nội tuyến, đầu vào chỉ đọc, văn bản thuần túy chỉ đọc, xác thực với giá trị mặc định của trình duyệt, kiểu tùy chỉnh

Xin lưu ý rằng chúng tôi đã sử dụng Bootstrap phiên bản 4 trong tất cả các ví dụ

=> Kiểm tra tại đây để xem hướng dẫn đào tạo Bootstrap từ A-Z

Bạn sẽ học được gì

Giới thiệu về Bootstrap 4 Form
- Bố cục biểu mẫu Bootstrap
  - Lưới biểu mẫu Bootstrap
  - Các loại bố cục biểu mẫu Bootstrap
  - Ví dụ về bố cục biểu mẫu Bootstrap
- Văn bản thuần túy chỉ đọc và chỉ đọc
- Xác thực biểu mẫu Bootstrap 4
  - #1) Xác thực với các giá trị mặc định của trình duyệt
  - #2) Xác thực kiểu tùy chỉnh
  - #3) Xác thực phía máy chủ
  - #4) Xác thực kiểu chú giải công cụ
- Các câu hỏi thường gặp
Phần kết luận
- đề xuất đọc

Giới thiệu về Bootstrap 4 Form

Biểu mẫu là một tính năng thiết yếu của hầu hết mọi ứng dụng phần mềm. Trong hai hướng dẫn cuối cùng của chúng tôi, chúng tôi đã thảo luận về các tính năng thiết yếu của biểu mẫu tôi. e. biểu mẫu đầu vào và nhóm đầu vào

Ghi chú. Bạn có thể tham khảo hai bài hướng dẫn sau về form input và input groups

Đầu vào biểu mẫu Bootstrap 4
Bootstrap 4 Nhóm đầu vào

Bảng dưới đây tóm tắt các lớp và thuộc tính của các biểu mẫu Bootstrap 4 mà chúng tôi đã sử dụng

Lớp/Thuộc tính Cách sử dụng. lớp hàng biểu mẫuLớp này được sử dụng cho các hàng biểu mẫu. Các. form-inline classLớp này dùng để sắp xếp các trường form trên cùng một dòng. Thuộc tính chỉ đọc Thuộc tính này được sử dụng để làm cho trường đầu vào ở chế độ chỉ đọc. Các. form-control-plaintext classLớp này được sử dụng để tạo văn bản thuần túy chỉ đọc. Các. lớp xác thực nhu cầu Lớp này được sử dụng để xác thực biểu mẫu kiểu tùy chỉnh và xác thực biểu mẫu kiểu chú giải công cụ. Thuộc tính novalidate Thuộc tính này được sử dụng để xác thực biểu mẫu kiểu tùy chỉnh và xác thực biểu mẫu kiểu chú giải công cụ. Các. lớp hợp lệ Lớp này được sử dụng để xác thực biểu mẫu phía máy chủ. Các. lớp không hợp lệ Lớp này được sử dụng để xác thực biểu mẫu phía máy chủ. Các. lớp phản hồi hợp lệLớp này được sử dụng để hiển thị thông báo phản hồi trong xác thực biểu mẫu kiểu tùy chỉnh và xác thực biểu mẫu phía máy chủ. Các. lớp phản hồi không hợp lệLớp này được sử dụng để hiển thị thông báo phản hồi trong xác thực biểu mẫu kiểu tùy chỉnh và xác thực biểu mẫu phía máy chủ. Các. lớp liên quan đến vị trí Lớp này được sử dụng để định vị chính xác các thông báo phản hồi chú giải công cụ. Các. lớp chú giải công cụ hợp lệLớp này được sử dụng để hiển thị các thông báo phản hồi trong xác thực biểu mẫu kiểu chú giải công cụ. Các. lớp chú giải công cụ không hợp lệ Lớp này được sử dụng để hiển thị thông báo phản hồi trong xác thực biểu mẫu kiểu chú giải công cụ

Bố cục biểu mẫu Bootstrap

Lưới biểu mẫu Bootstrap

Các lớp lưới biểu mẫu có thể sử dụng để xây dựng các biểu mẫu phức tạp hơn. Chúng ta có thể sử dụng. lớp col để chỉ định chiều rộng của các điều khiển biểu mẫu và cũng giúp chỉ định căn chỉnh của các điều khiển biểu mẫu

We need to warp the

element(s) in a

element with the class .row class. However, this grid structure is not mandatory for forms. You may use the

elements for wrapping form controls (and form labels).

Nếu bạn cần ít lề lưới hơn, thì bạn có thể sử dụng. lớp biểu mẫu hàng thay vì. lớp hàng

Các loại bố cục biểu mẫu Bootstrap

Có ba loại bố cục biểu mẫu Bootstrap như được nêu bên dưới

Bố cục dạng dọc
Bố cục biểu mẫu ngang
Bố cục biểu mẫu nội tuyến

#1) Bố cục dạng dọc

Bố cục biểu mẫu dọc là bố cục biểu mẫu mặc định. Nó sắp xếp các trường biểu mẫu theo chiều dọc với các nhãn được căn trái. Bạn không cần bất kỳ lớp cơ sở nào cho bố cục dạng dọc vì đây là bố cục mặc định. Vui lòng tham khảo phần “Ví dụ về bố cục biểu mẫu Bootstrap” để biết ví dụ về biểu mẫu có bố cục biểu mẫu dọc

#2) Bố cục biểu mẫu ngang

Bố cục biểu mẫu ngang sắp xếp các trường biểu mẫu theo chiều ngang

Thực hiện theo các bước dưới đây để tạo biểu mẫu với bố cục biểu mẫu nằm ngang

Add the .row class to the
elements.
Then, add the .col-*-* class and the .col-form-label class to the elements. The .col-*-* class is used to specify the size of form labels and form controls.

Vui lòng tham khảo phần “Ví dụ về bố cục biểu mẫu Bootstrap” để biết ví dụ về biểu mẫu có bố cục biểu mẫu nằm ngang

#3) Bố cục biểu mẫu nội tuyến

Bố cục biểu mẫu nội tuyến sắp xếp các trường biểu mẫu trên cùng một dòng

Thực hiện theo các bước dưới đây để tạo biểu mẫu với bố cục biểu mẫu nội tuyến

Add the .form-inline class to the
element.
Ngoài ra, sử dụng các lớp lề theo yêu cầu

Vui lòng tham khảo phần “Ví dụ về bố cục biểu mẫu Bootstrap” để biết ví dụ về biểu mẫu có bố cục biểu mẫu nội tuyến

Ví dụ về bố cục biểu mẫu Bootstrap

Mã lập trình bên dưới hiển thị các ví dụ về biểu mẫu đăng nhập Bootstrap với bố cục biểu mẫu dọc, bố cục biểu mẫu ngang và bố cục biểu mẫu nội tuyến









Vertical Form Layout


Email



Password





Horizontal Form Layout


Email





Password











Inline Form Layout


Email



Password

Ảnh chụp màn hình bên dưới hiển thị đầu ra trình duyệt của mã lập trình trên

Văn bản thuần túy chỉ đọc và chỉ đọc

Chỉ đọc

Thuộc tính chỉ đọc được sử dụng để làm cho trường đầu vào chỉ đọc. Các trường nhập chỉ đọc xuất hiện với màu nhạt hơn và không thể chỉnh sửa. Chúng tương tự như các trường đầu vào bị vô hiệu hóa nhưng giữ lại con trỏ

Ghi chú. Chúng tôi đã thảo luận về các đầu vào bị vô hiệu hóa và các nhóm đầu vào bị vô hiệu hóa trong các hướng dẫn trước đây của chúng tôi

Vui lòng tham khảo phần bên dưới để biết ví dụ về trường đầu vào chỉ đọc

Văn bản thuần túy chỉ đọc

thêm. lớp form-control-plaintext để tạo văn bản thuần túy chỉ đọc. Vui lòng tham khảo phần bên dưới để biết ví dụ về văn bản thuần túy chỉ đọc

Ví dụ về văn bản thuần túy chỉ đọc và chỉ đọc

Mã lập trình bên dưới hiển thị các ví dụ về trường nhập văn bản thông thường, trường nhập chỉ đọc và văn bản thuần túy chỉ đọc











Name:



City:



Country:

Ảnh chụp màn hình bên dưới hiển thị đầu ra trình duyệt của mã lập trình trên

Xác thực biểu mẫu Bootstrap 4

Xác thực là chìa khóa cho các biểu mẫu. Nếu không xác thực đúng các biểu mẫu, toàn bộ ứng dụng web của bạn có thể gặp rủi ro. Chúng tôi sẽ thảo luận về bốn loại xác nhận

Xác thực với mặc định của trình duyệt
Xác thực kiểu tùy chỉnh
Xác thực phía máy chủ
Xác thực kiểu chú giải công cụ

#1) Xác thực với các giá trị mặc định của trình duyệt

Nếu bạn không thích xác thực Bootstrap, thì bạn có thể sử dụng giá trị mặc định của trình duyệt để xác thực. Vui lòng tham khảo phần bên dưới để biết ví dụ về xác thực với giá trị mặc định của trình duyệt

#2) Xác thực kiểu tùy chỉnh

Add the .needs-validation class and the novalidate attribute to the

element for custom style validation.

Loại xác thực này sử dụng các lớp giả CSS sau

Các. lớp giả hợp lệ
Các. lớp giả không hợp lệ

Các lớp giả này có thể được áp dụng cho các phần tử sau

The elements
The elements</li></ol><p>Hai lớp sau được sử dụng để hiển thị các thông báo phản hồi</p><ol><li>Các. lớp phản hồi hợp lệ</li><li>Các. lớp phản hồi không hợp lệ</li></ol><p>Chúng tôi cũng cần thêm mã JavaScript để vô hiệu hóa việc gửi biểu mẫu nếu có bất kỳ trường nào không hợp lệ</p><p>Vui lòng tham khảo phần bên dưới để biết ví dụ về xác thực kiểu tùy chỉnh</p><h4><span><span>#3) Xác thực phía máy chủ</span></span></h4><p>Loại xác thực này sử dụng các lớp sau</p><ol><li>Các. lớp hợp lệ</li><li>Các. lớp không hợp lệ</li></ol><p>Hơn nữa, hai lớp sau được sử dụng để hiển thị các thông báo phản hồi</p><ol><li>Các. lớp phản hồi hợp lệ</li><li>Các. lớp phản hồi không hợp lệ</li></ol><p>Vui lòng tham khảo phần bên dưới để biết ví dụ về xác thực phía Máy chủ</p><p><p></p><h4><span><span>#4) Xác thực kiểu chú giải công cụ</span></span></h4><p>Add the .needs-validation class and the novalidate attribute to the <form> element for tooltip style validation. Furthermore, add the .position-relative class to the parent element(s) for the proper positioning of tooltip feedback messages.</p><p>Hai lớp sau đây được sử dụng để hiển thị thông báo phản hồi kiểu Chú giải công cụ</p><ol><li>Các. lớp chú giải công cụ hợp lệ</li><li>Các. lớp chú giải công cụ không hợp lệ</li></ol><p>Vui lòng tham khảo phần bên dưới để biết ví dụ về xác thực kiểu chú giải công cụ</p><p><span>Ví dụ về xác thực</span></p><p>Mã lập trình bên dưới hiển thị các ví dụ về các loại xác thực biểu mẫu sau</p><ul><li>Mẫu ví dụ 1 – Xác thực với giá trị mặc định của trình duyệt</li><li>Mẫu ví dụ 2 – Xác thực kiểu tùy chỉnh</li><li>Mẫu ví dụ 3 – Xác thực phía máy chủ</li><li>Mẫu ví dụ 4 – Xác thực kiểu chú giải công cụ</li></ul><p>Bạn có thể thử các ví dụ này bằng cách chạy mã lập trình bên dưới</p><pre><!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"> </head> <body> <div class="container mt-3"> <h4>Validation with Browser Defaults</h4> <form class="mb-3"> <div class="form-group"> <label for="name">Name</label> <input type="text" class="form-control" id="name" required> </div> <div class="form-group"> <label for="city">City</label> <input type="text" class="form-control" id="city" value="Mumbai" required> </div> <div class="form-group"> <label for="age">Age</label> <div class="input-group"> <input type="number" class="form-control" id="age" required> <div class="input-group-append"> <span class="input-group-text" id="age">years</span> </div> </div> </div> <div class="form-group"> <div class="form-check"> <input class="form-check-input" type="checkbox" id="terms" required> <label class="form-check-label" for="terms"> Agree to terms. </label> </div> </div> <button class="btn btn-primary" type="submit">Send</button> </form> <h4>Custom Style Validation</h4> <form class="needs-validation mb-3" novalidate> <div class="form-group"> <label for="name">Name</label> <input type="text" class="form-control" id="name" required> <div class="invalid-feedback"> Please provide a valid name. </div> </div> <div class="form-group"> <label for="city">City</label> <input type="text" class="form-control" id="city" value="Mumbai" required> <div class="valid-feedback"> Looks ok. </div> </div> <div class="form-group"> <label for="age">Age</label> <div class="input-group"> <input type="number" class="form-control" id="age" required> <div class="input-group-append"> <span class="input-group-text" id="age">years</span> </div> <div class="invalid-feedback"> Please provide a valid age. </div> </div> </div> <div class="form-group"> <div class="form-check"> <input class="form-check-input" type="checkbox" id="terms" required> <label class="form-check-label" for="terms"> Agree to terms. </label> <div class="invalid-feedback"> You must agree terms to continue. </div> </div> </div> <button class="btn btn-primary" type="submit">Send</button> </form> <h4>Server-side Validation</h4> <form class="mb-3"> <div class="form-group"> <label for="name">Name</label> <input type="text" class="form-control is-invalid" id="name" required> <div class="invalid-feedback"> Please provide a valid name. </div> </div> <div class="form-group"> <label for="city">City</label> <input type="text" class="form-control is-valid" id="city" value="Mumbai" required> <div class="valid-feedback"> Looks ok. </div> </div> <div class="form-group"> <label for="age">Age</label> <div class="input-group"> <input type="number" class="form-control is-invalid" id="age" required> <div class="input-group-append"> <span class="input-group-text" id="age">years</span> </div> <div class="invalid-feedback"> Please provide a valid age. </div> </div> </div> <div class="form-group"> <div class="form-check"> <input class="form-check-input is-invalid" type="checkbox" id="terms" required> <label class="form-check-label" for="terms"> Agree to terms. </label> <div class="invalid-feedback"> You must agree terms to continue. </div> </div> </div> <button class="btn btn-primary" type="submit">Send</button> </form> <h4>Tooltip Style Validation</h4> <form class="needs-validation mb-3" novalidate> <div class="form-group position-relative"> <label for="name">Name</label> <input type="text" class="form-control" id="name" required> <div class="invalid-tooltip"> Please provide a valid name. </div> </div> <div class="form-group position-relative"> <label for="city">City</label> <input type="text" class="form-control" id="city" value="Mumbai" required> <div class="valid-tooltip"> Looks ok. </div> </div> <div class="form-group position-relative"> <label for="age">Age</label> <div class="input-group"> <input type="number" class="form-control" id="age" required> <div class="input-group-append"> <span class="input-group-text" id="age">years</span> </div> <div class="invalid-tooltip"> Please provide a valid age. </div> </div> </div> <div class="form-group"> <div class="form-check"> <input class="form-check-input" type="checkbox" id="terms" required> <label class="form-check-label" for="terms"> Agree to terms. </label> <div class="invalid-tooltip"> You must agree terms to continue. </div> </div> </div> <button class="btn btn-primary" type="submit">Send</button> </form> </div> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"></script> <script> // Disable form submissions if there are any invalid fields (function() { 'use strict'; window.addEventListener('load', function() { // Get the forms we want to add validation styles to var forms = document.getElementsByClassName('needs-validation'); // Loop over them and prevent submission var validation = Array.prototype.filter.call(forms, function(form) { form.addEventListener('submit', function(event) { if (form.checkValidity() === false) { event.preventDefault(); event.stopPropagation(); } form.classList.add('was-validated'); }, false); }); }, false); })(); </script> </body> </html></pre><p>Ảnh chụp màn hình bên dưới hiển thị đầu ra trình duyệt của mã lập trình trên</p><p><div class="imgBox"><img alt="Làm cách nào để xác thực biểu mẫu trong Bootstrap 4?" src="/dist/images/loading.svg" data-orgimg="https://sg.cdnki.com/lam-cach-nao-de-xac-thuc-bieu-mau-trong-bootstrap-4---aHR0cHM6Ly93d3cuc29mdHdhcmV0ZXN0aW5naGVscC5jb20vd3AtY29udGVudC9xYS91cGxvYWRzLzIwMjEvMDIvQm9vdHN0cmFwLUZvcm0tVmFsaWRhdGlvbi5wbmc=.webp"></img></div></p><h3 id="cac-cau-hoi-thuong-gap">Các câu hỏi thường gặp</h3><p>Trong phần này, chúng ta sẽ xem xét một số câu hỏi thường gặp về các biểu mẫu Bootstrap 4</p><p><span>Q #1) Sự khác biệt giữa. lớp hàng và. lớp biểu mẫu?</span></p><p>Câu trả lời. không giống như. lớp hàng, các. lớp form-row áp dụng ít lề lưới hơn</p><p><span>Q #2) Ba loại bố cục biểu mẫu là gì?</span></p><p>Câu trả lời. Ba loại bố cục biểu mẫu là,</p><ol><li>Bố cục dạng dọc,</li><li>Bố cục biểu mẫu ngang và</li><li>Bố cục biểu mẫu nội tuyến</li></ol><p><span>Q #3) Bố cục biểu mẫu nào sắp xếp các trường biểu mẫu trên cùng một dòng?</span></p><div style="width:100%; margin:20px auto; display:block"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8587332220"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></p><p>Câu trả lời. Bố cục biểu mẫu nội tuyến sắp xếp các trường biểu mẫu trên cùng một dòng</p><p><span>Q #4) Bố cục biểu mẫu nào sắp xếp các trường biểu mẫu theo chiều dọc?</span></p><p>Câu trả lời. Bố cục biểu mẫu dọc sắp xếp các trường biểu mẫu theo chiều dọc?</p><p><span>Q #5) Bố cục biểu mẫu nào sắp xếp các trường biểu mẫu theo chiều ngang?</span></p><p>Câu trả lời. Bố cục biểu mẫu ngang sắp xếp các trường biểu mẫu theo chiều ngang</p><p><span>Q #6) Thuộc tính nào được sử dụng để chuyển đổi đầu vào biểu mẫu chẳng hạn như nhập văn bản thành trường đầu vào chỉ đọc?</span></p><p>Câu trả lời. Thuộc tính chỉ đọc được sử dụng để chuyển đổi đầu vào biểu mẫu thành trường chỉ đọc</p><p><span>Q #7) Sự khác biệt giữa trường đầu vào bị vô hiệu hóa và trường đầu vào chỉ đọc là gì?</span></p><p>Câu trả lời. Không giống như trường nhập liệu bị vô hiệu hóa, trường nhập liệu chỉ đọc sẽ giữ lại con trỏ</p><p><span>Q #8) Lớp nào được sử dụng cho văn bản thuần túy chỉ đọc?</span></p><p>Câu trả lời. Lớp được sử dụng cho văn bản thuần túy chỉ đọc là. lớp biểu mẫu-kiểm soát-bản rõ</p><p><span>Q #9) Những lớp giả nào được sử dụng để xác thực biểu mẫu kiểu tùy chỉnh?</span></p><p>Câu trả lời. Các lớp giả được sử dụng để xác thực biểu mẫu kiểu tùy chỉnh là. lớp giả hợp lệ và. lớp giả không hợp lệ</p><p><span>Q #10) Những lớp nào được sử dụng để hiển thị thông báo phản hồi trong xác thực biểu mẫu kiểu tùy chỉnh?</span></p><p>Câu trả lời. Các lớp được sử dụng để hiển thị thông báo phản hồi trong xác thực biểu mẫu kiểu tùy chỉnh là. lớp phản hồi hợp lệ và. lớp phản hồi không hợp lệ</p><p><span>Q #11) Những lớp nào được sử dụng để hiển thị thông báo phản hồi trong xác thực biểu mẫu phía máy chủ?</span></p><p>Câu trả lời. Các lớp được sử dụng để hiển thị thông báo phản hồi trong xác thực biểu mẫu phía Máy chủ là. lớp phản hồi hợp lệ và. lớp phản hồi không hợp lệ</p><p><span>Q #12) Các lớp nào được sử dụng để hiển thị thông báo phản hồi trong xác thực biểu mẫu kiểu chú giải công cụ?</span></p><p>Câu trả lời. Các lớp được sử dụng để hiển thị thông báo phản hồi trong xác thực biểu mẫu kiểu Chú giải công cụ là. lớp chú giải công cụ hợp lệ và. lớp tooltip không hợp lệ</p><p><span>Q #13) Lớp nào được sử dụng để định vị chính xác các thông báo phản hồi chú giải công cụ?</span></p><p>Câu trả lời. Lớp được sử dụng để định vị chính xác các thông báo phản hồi chú giải công cụ là lớp. lớp quan hệ vị trí</p><h2 id="phan-ket-luan">Phần kết luận</h2><p>Biểu mẫu là một tính năng rất quan trọng trong bất kỳ ứng dụng phần mềm nào. Biểu mẫu Bootstrap tương tự như biểu mẫu HTML5 nhưng chúng thêm nhiều kiểu khác nhau bằng cách sử dụng các lớp của nó. Nó cũng cung cấp xác nhận</p><div></div> <div></div> <h3 id="lam-cach-nao-de-su-dung-xac-thuc-trong-bootstrap-5">Làm cách nào để sử dụng xác thực trong Bootstrap 5?</h3> <div>Bạn có thể sử dụng các lớp xác thực khác nhau để cung cấp phản hồi có giá trị cho người dùng. <span>Thêm một trong hai. </span> <span>đã được xác thực hoặc. </span> <span>cần xác thực phần tử </span> , tùy thuộc vào việc bạn muốn cung cấp phản hồi xác thực trước hay sau khi gửi biểu mẫu. </div> <h3 id="lam-cach-nao-de-lam-cho-truong-dau-vao-phan-hoi-nhanh-trong-bootstrap-4">Làm cách nào để làm cho trường đầu vào phản hồi nhanh trong Bootstrap 4?</h3> <div>Bạn có thể <span>áp dụng các lớp bootstrap để đáp ứng chiều rộng</span> . Bạn có thể tạo cho nó một đường viền nếu muốn, để làm cho nó trông giống như một đầu vào. Sử dụng textContent thay vì giá trị để truy cập dữ liệu và sử dụng sự kiện tiêu điểm thay vì sự kiện thay đổi. Lưu câu trả lời này. </div> <h3 id="lam-cach-nao-de-xac-thuc-bieu-mau-bootstrap-bang-jquery">Làm cách nào để xác thực biểu mẫu Bootstrap bằng jQuery?</h3> <div><div><span>xác thực biểu mẫu jQuery với Bootstrap. 4 ví dụ</span> . </div> <div>Plugin xác thực jQuery cho các biểu mẫu HTML</div> <div>Bản trình diễn xác thực biểu mẫu cơ bản của jQuery</div> <div>Bản demo xác thực email</div> <div>Bản demo hiển thị thông báo lỗi tùy chỉnh</div> <div>Bản demo điền ít nhất một kiểm tra trường</div> </div> <h3 id="ba-loai-xac-thuc-bieu-mau-la-gi">Ba loại xác thực biểu mẫu là gì?</h3> <div><div><span>Các kỹ thuật xác thực đầu vào được chia thành ba loại. </span> . </div> <div>Xác thực phía máy chủ. Với xác thực phía máy chủ, tất cả thông tin biểu mẫu do người dùng nhập sẽ được gửi đến máy chủ để được xác thực khi gửi biểu mẫu. . </div> <div>Xác thực phía máy khách. . </div> <div>Xác thực thời gian thực</div> </div></p></div> <div class="readmore_content_exists"><button id="readmore_content"><span class="arrow"><span></span></span>Đọc tiếp</button></div> </td></tr></table> <div style="padding:10px 0px;text-align:center"><div class="addthis_inline_share_toolbox"></div></div> <script async src="/dist/js/lazyhtml.min.js" crossorigin="anonymous"></script> <div class="lazyhtml" data-lazyhtml> <script type="text/lazyhtml"> <div class="youtubeVideo"><h3>Video liên quan</h3> <iframe width="560" height="315" src="https://www.youtube.com/embed/ozUx3RYHF-A?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"allowfullscreen></iframe> </div> </script> </div> <div class="mt-3"> <div class="tags"> <a href="https://hanghieugiatot.com/tags/programming" class="tag-link">programming</a> <a href="https://hanghieugiatot.com/tags/bootstrap" class="tag-link">bootstrap</a> </div> </div> <div class="post-tools"> <button data-postid="lam-cach-nao-de-xac-thuc-bieu-mau-trong-bootstrap-4" class="btn btn-answerModalBox"><img class="mr-1" alt="Làm cách nào để xác thực biểu mẫu trong Bootstrap 4?" src="/dist/images/svg/messages_16.svg">Reply</button> <button data-postid="lam-cach-nao-de-xac-thuc-bieu-mau-trong-bootstrap-4" data-vote="up" class="btn btn-doVote"><img class="mr-1" alt="Làm cách nào để xác thực biểu mẫu trong Bootstrap 4?" src="/dist/images/svg/face-smile_16.svg">8</button> <button data-postid="lam-cach-nao-de-xac-thuc-bieu-mau-trong-bootstrap-4" data-vote="down" class="btn btn-doVote"><img class="mr-1" alt="Làm cách nào để xác thực biểu mẫu trong Bootstrap 4?" src="/dist/images/svg/poo_16.svg">0</button> <button class="btn"><img class="mr-1" alt="Làm cách nào để xác thực biểu mẫu trong Bootstrap 4?" src="/dist/images/svg/facebook_16.svg"> Chia sẻ</button> </div> </div> </div> </div> <div id="answers_lam-cach-nao-de-xac-thuc-bieu-mau-trong-bootstrap-4" class="answers"> </div> <div class="entryFooter"> <div class="footerLinkAds"><div style="width:100%; margin:0 auto;"> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8199996671"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="footerRelated"><div class="postRelatedWidget"> <h2>Bài Viết Liên Quan</h2> <div class="questions-snippet layoutNews border-top border-top-gray"> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-fb-44+c1-1p-ns" data-ad-client="ca-pub-4987931798153631" data-ad-slot="7655066491"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/nang-luc-la-gi-tam-ly-hoc-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/6qs_yN5KIVI/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLA8wN4NVHj08I8JguMn5FoDLIPhJg" alt="Năng lực là gì tâm lý học năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/nang-luc-la-gi-tam-ly-hoc-nam-2024">Năng lực là gì tâm lý học năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Học" class="tag-link">Học</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/hang-hoa-va-dich-vu-cua-chinh-phu-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/7XPlxvPpE_g/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBKr2XY5sC1PJ9CKm1tQGe-H0D6Mg" alt="Hàng hóa và dịch vụ của chính phủ năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/hang-hoa-va-dich-vu-cua-chinh-phu-nam-2024">Hàng hóa và dịch vụ của chính phủ năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Ngôn ngữ" class="tag-link">Ngôn ngữ</a> <a href="/tags/Dịch " class="tag-link">Dịch </a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/he-co-so-du-lieu-tieng-anh-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/iBrSehMZS4A/hqdefault.jpg?sqp=-oaymwEjCOADEI4CSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLCWUs3Fp1YMZQZedU8Q3vJeQyNCvA" alt="Hệ cơ sở dữ liệu tiếng anh là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/he-co-so-du-lieu-tieng-anh-la-gi-nam-2024">Hệ cơ sở dữ liệu tiếng anh là gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Tiếng anh" class="tag-link">Tiếng anh</a> <a href="/tags/Database" class="tag-link">Database</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/kiep-nao-co-yeu-nhau-minh-phung-le-thuy-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/DyLoC4JG1MY/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLB4o_ZZR8TvFAhlNv87RjuKQtCtfA" alt="Kiếp nào có yêu nhau minh phụng lệ thủy năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/kiep-nao-co-yeu-nhau-minh-phung-le-thuy-nam-2024">Kiếp nào có yêu nhau minh phụng lệ thủy năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/bai-van-ta-mot-nguoi-ban-lon-hon-cua-em-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/rlSZad564u0/hqdefault.jpg?sqp=-oaymwEjCOADEI4CSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLBZKFnith1Xb-zMyQDvvyw-FgfI8A" alt="Bài văn tả một người bạn lon hon của em năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bai-van-ta-mot-nguoi-ban-lon-hon-cua-em-nam-2024">Bài văn tả một người bạn lon hon của em năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/phuong-cham-cua-cuoc-khang-chien-chong-phap-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/_m5lrBQRLQ4/hqdefault.jpg?sqp=-oaymwEjCOADEI4CSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLCKdRd1aa1wUJoGLd6z8RnY-oBvOw" alt="Phương châm của cuộc kháng chiến chống pháp là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/phuong-cham-cua-cuoc-khang-chien-chong-phap-la-gi-nam-2024">Phương châm của cuộc kháng chiến chống pháp là gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/giai-hoa-hau-nao-lon-nhat-the-gioi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/Symv4S84cHs/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCIcXct3YhA37GeLnIsSxyQyAJhZQ" alt="Giải hoa hậu nào lớn nhất thế giới năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/giai-hoa-hau-nao-lon-nhat-the-gioi-nam-2024">Giải hoa hậu nào lớn nhất thế giới năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Miss Intercontinental" class="tag-link">Miss Intercontinental</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cho-cong-nhan-nghi-phep-trong-truong-hop-nao-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/TG4YCr_lnX0/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLByMM7b1usFFvK-Hqnt668EdJsdBA" alt="Cho công nhân nghỉ phép trong trường hợp nào năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cho-cong-nhan-nghi-phep-trong-truong-hop-nao-nam-2024">Cho công nhân nghỉ phép trong trường hợp nào năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/top-15-cac-anime-manga-de-thuong-va-dep-doi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/TX0qYCKjudQ/hq720_2.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGADwAQH4AZIDgALQBYoCDAgAEAEYZSBZKEwwDw==&rs=AOn4CLBKxZLUA9_rguMdEWcRsl9D3vJNUw" alt="Top 15 cac anime manga de thuong va dep doi năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/top-15-cac-anime-manga-de-thuong-va-dep-doi-nam-2024">Top 15 cac anime manga de thuong va dep doi năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Top List" class="tag-link">Top List</a> <a href="/tags/Top" class="tag-link">Top</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/huyet-trang-mau-xanh-la-benh-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/_3C_JsFmJ1A/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLAzdE_ZaYtaPmRg64UtCuzGVEEBDA" alt="Huyết trắng màu xanh là bệnh gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/huyet-trang-mau-xanh-la-benh-gi-nam-2024">Huyết trắng màu xanh là bệnh gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> </div> </div> </div> </div> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-fb-44+c1-1p-ns" data-ad-client="ca-pub-4987931798153631" data-ad-slot="7655066491"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/bai-tap-mon-he-thong-cung-cap-dien-bach-khoa-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/IBvXAMjpgFo/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCD7Pp2LW8UnrW2e9PQzDD7_FfxRQ" alt="Bài tập môn hệ thống cung cấp điện bách khoa năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bai-tap-mon-he-thong-cung-cap-dien-bach-khoa-nam-2024">Bài tập môn hệ thống cung cấp điện bách khoa năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Khỏe Đẹp" class="tag-link">Khỏe Đẹp</a> <a href="/tags/Bài tập" class="tag-link">Bài tập</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/top-dau-dia-bluray-tot-nhat-hien-nay-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/Mc6eHx_kqf0/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBkxqNSLsLo8IH4U78TjY_zOvM6Kg" alt="Top đầu đĩa bluray tốt nhất hiện nay năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/top-dau-dia-bluray-tot-nhat-hien-nay-nam-2024">Top đầu đĩa bluray tốt nhất hiện nay năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Top List" class="tag-link">Top List</a> <a href="/tags/Tốt nhất" class="tag-link">Tốt nhất</a> <a href="/tags/Top" class="tag-link">Top</a> <a href="/tags/Review" class="tag-link">Review</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/muc-tieu-truyen-thong-cua-bitis-hunter-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/TKeBTg6wLmA/hq720_2.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGADwAQH4AbYIgAKAD4oCDAgAEAEYZSBkKFEwDw==&rs=AOn4CLCpx2r69SNumFIvMp9m2mqVFMQGdw" alt="Mục tiêu truyền thông của bitis hunter là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/muc-tieu-truyen-thong-cua-bitis-hunter-la-gi-nam-2024">Mục tiêu truyền thông của bitis hunter là gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> <a href="/tags/Bitis bán gì?" class="tag-link">Bitis bán gì?</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/bai-tap-tieng-anh-ve-cau-gian-tiep-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/ttMIOmpZMxQ/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDFxalLsz3WSVR7eIqXTKb6vE_UXA" alt="Bài tập tiếng anh về câu gián tiếp năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bai-tap-tieng-anh-ve-cau-gian-tiep-nam-2024">Bài tập tiếng anh về câu gián tiếp năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Khỏe Đẹp" class="tag-link">Khỏe Đẹp</a> <a href="/tags/Bài tập" class="tag-link">Bài tập</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Tiếng anh" class="tag-link">Tiếng anh</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/loi-the-connection-to-this-website-is-untrusted-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/waUcBBfG2tI/hqdefault.jpg?sqp=-oaymwEjCOADEI4CSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLALFruNKBg1J-YeZL3-HFePk1Z1JQ" alt="Lỗi the connection to this website is untrusted năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/loi-the-connection-to-this-website-is-untrusted-nam-2024">Lỗi the connection to this website is untrusted năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cong-dung-propane-1-3-diol-trong-hoa-my-pham-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/AV6TqV5JwqM/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4AdQGgALgA4oCDAgAEAEYfyBIKCwwDw==&rs=AOn4CLBHXSxXJHrGEmNDDhIrE99nUx5__w" alt="Công dung propane-1 3-diol trong hóa mỹ phẩm năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cong-dung-propane-1-3-diol-trong-hoa-my-pham-nam-2024">Công dung propane-1 3-diol trong hóa mỹ phẩm năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/co-cau-dan-so-gia-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/LjIL5eTWOGM/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgALQBYoCDAgAEAEYWCBlKGUwDw==&rs=AOn4CLAjlhQgE7esL7d_khFcIjNyohClZA" alt="Cơ cấu dân số già là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/co-cau-dan-so-gia-la-gi-nam-2024">Cơ cấu dân số già là gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/loi-khong-vao-duoc-mang-o-dien-thoai-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/UEau8s0kFho/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLB4dxaw6yvksNNIfYXs_jOwsVcF_A" alt="Lỗi không vào được mạng ở điện thoại năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/loi-khong-vao-duoc-mang-o-dien-thoai-nam-2024">Lỗi không vào được mạng ở điện thoại năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/phuong-triinh-dac-trung-cua-mot-he-thong-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/Le_ixzkv-Zs/hqdefault.jpg?sqp=-oaymwEjCOADEI4CSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLA1AIfEIguFjX5b8FmHlaDNs3Luhg" alt="Phương triình đặc trưng của một hệ thống là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/phuong-triinh-dac-trung-cua-mot-he-thong-la-gi-nam-2024">Phương triình đặc trưng của một hệ thống là gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/tozagroup-36-52-le-van-huu-hai-ba-trung-ha-noi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/lIznPP2if0k/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4AZYDgALQBYoCDAgAEAEYZSBgKFkwDw==&rs=AOn4CLAZUI75HAGDdk1VFRRFVS5Fqn9WUw" alt="Tozagroup 36-52 lê văn hưu hai bà trưng hà nội năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/tozagroup-36-52-le-van-huu-hai-ba-trung-ha-noi-nam-2024">Tozagroup 36-52 lê văn hưu hai bà trưng hà nội năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> </div> <div class="postContentRight"> <div class="sidebar"> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-13 pb-3 text-center">Quảng Cáo</h4> <div class="mb-4 mx-auto" style="text-align:center"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8742637402" data-ad-format="auto" data-full-width-responsive="true"> </ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-17 pb-3">Có thể bạn quan tâm</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/nguyeen-tac-phap-che-cua-hieu-truong-la-gi-nam-2024">Nguyeên tắc pháp chế của hiệu trưởng là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/UnnoticedCynicism" class="author">UnnoticedCynicism</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/photoshop-cs3-bi-loi-he-thong-hoac-phan-cung-nam-2024">Photoshop cs3 bị lỗi hệ thống hoặc phần cứng năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/CognitiveFastball" class="author">CognitiveFastball</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/so-dien-thoai-ngan-hang-agribank-quang-xuong-thanh-hoa-nam-2024">Số điện thoại ngân hàng agribank quảng xương thanh hóa năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/DecliningScenario" class="author">DecliningScenario</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/chuc-nang-to-tung-hinh-su-la-gi-nam-2024">Chức năng tố tụng hình sự là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/RuggedMiner" class="author">RuggedMiner</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/bai-tap-thuat-toan-gap-doi-day-so-nam-2024">Bài tập thuật toán gấp đôi dãy số năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/BlatantAppointment" class="author">BlatantAppointment</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/cach-sua-loi-khong-vao-duoc-lien-minh-huyen-thoai-nam-2024">Cách sửa lỗi không vào được liên minh huyền thoại năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/Well-meaningGirlfriend" class="author">Well-meaningGirlfriend</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/none-of-your-business-la-gi-nam-2024">None of your business là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/EndearingOutcome" class="author">EndearingOutcome</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/soan-ngu-van-lop-6-bai-banh-chung-banh-giay-nam-2024">Soạn ngữ văn lớp 6 bài bánh chưng bánh giầy năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/HospitableDelegation" class="author">HospitableDelegation</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/con-tuoi-nao-cho-em-miu-le-beat-nam-2024">Còn tuổi nào cho em miu lê beat năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/ComfortingSophistication" class="author">ComfortingSophistication</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/chuc-nang-doi-ngoai-cua-nha-nuoc-la-gi-nam-2024">Chức năng đối ngoại của nhà nước là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/Five-daySemifinal" class="author">Five-daySemifinal</a> </small> </div> </div> </div> </div> </div> <div class="card card-item cardTopList"> <div class="card-body"> <h3 class="fs-17 pb-3">Toplist được quan tâm</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="topListNum">#1</div> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/toplist-top-4-uong-nuoc-chanh-sa-mat-ong-co-tac-dung-gi-2023">Top 4 uống nước chanh sả mật ong có tác dụng gì 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#2</div> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/toplist-top-10-bai-tap-lam-van-so-5-lop-7-de-4-2023">Top 10 bài tập làm văn số 5 lớp 7 de 4 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#3</div> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/toplist-top-3-vua-choi-da-co-tai-khoan-vuong-gia-chap-1-2023">Top 3 vừa chơi đã có tài khoản vương giả chap 1 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#4</div> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/toplist-top-6-anh-se-on-thoi-cover-pham-nguyen-ngoc-lyrics-2023">Top 6 anh sẽ on thôi cover phạm nguyên ngọc lyrics 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#5</div> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/toplist-top-7-tai-lieu-quan-ly-nha-nuoc-va-quan-ly-nganh-giao-duc-dao-tao-2023">Top 7 tài liệu quản lý nhà nước và quản lý ngành giáo dục đào tạo 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#6</div> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/toplist-top-7-hay-ra-khoi-nguoi-do-di-hop-am-2023">Top 7 hãy ra khỏi người đó đi hợp âm 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#7</div> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/toplist-top-6-giao-an-tho-ve-tham-nha-bac-2023">Top 6 giáo án thơ về thăm nhà bác 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#8</div> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/toplist-top-8-giao-an-ngu-van-6-canh-dieu-2023">Top 8 giáo án ngữ văn 6 cánh diều 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#9</div> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/toplist-top-9-tinh-bot-tham-gia-phan-ung-nao-2023">Top 9 tinh bột tham gia phản ứng nào 2023</a></h5> <small class="meta text-right">5 tháng trước</small> </div> </div> </div> </div> </div> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Quảng cáo</h4> <div class="mb-4 mx-auto"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-" data-ad-slot="" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-17 pb-3">Xem Nhiều</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/cong-van-3722-ngay-4-thang-10-nam-2023-nam-2024">Cong văn 3722 ngay 4 thang 10 nam 2023 năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 tuần trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/TionalExtinction" class="author">TionalExtinction</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/cac-so-ban-nganh-tieng-trung-la-gi-nam-2024">Các sở ban ngành tiếng trung là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">21 giờ trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/LoathsomeOuting" class="author">LoathsomeOuting</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/top-nhung-nguoi-duoc-yeu-thich-nhat-the-gioi-nam-2024">Top những người được yêu thích nhất thế giới năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 tuần trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/WorthlessJuncture" class="author">WorthlessJuncture</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/top-10-leadership-qualities-that-make-good-leaders-nam-2024">Top 10 leadership qualities that make good leaders năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/ParalyzedInstructor" class="author">ParalyzedInstructor</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/de-thi-mon-toan-lop-8-hoc-ki-2-nam-2024">Đề thi môn toán lớp 8 học kì 2 năm 2024</a></h5> <small class="meta"> <span class="pr-1">2 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/AgonizedHostility" class="author">AgonizedHostility</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/trung-tam-dich-vu-nong-nghiep-2023-bao-binh-dinh-nam-2024">Trung tâm dịch vụ nông nghiệp 2023 báo bình định năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 tuần trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/SeedyPullman" class="author">SeedyPullman</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/dau-so-0766-la-mang-gi-nam-2024">Đầu số 0766 là mạng gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">3 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/SemanticTrauma" class="author">SemanticTrauma</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/mo-mat-can-thi-o-benh-vien-nao-tot-nhat-nam-2024">Mổ mắt cận thị ở bệnh viện nào tốt nhất năm 2024</a></h5> <small class="meta"> <span class="pr-1">2 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/NamelessProspectus" class="author">NamelessProspectus</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/xe-bus-22-di-qua-nhung-diem-nao-nam-2024">Xe bus 22 đi qua những điểm nào năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 tuần trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/HardenedFundraiser" class="author">HardenedFundraiser</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://hanghieugiatot.com/cong-van-thu-hoi-hoa-don-xuat-du-nam-2024">Công văn thu hồi hóa đơn xuất dư năm 2024</a></h5> <small class="meta"> <span class="pr-1">3 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://hanghieugiatot.com/author/NarrowRunoff" class="author">NarrowRunoff</a> </small> </div> </div> </div> </div> </div> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Quảng cáo</h4> <div class="mb-4 mx-auto" style=" text-align: center"> <div id='div-gpt-ad-1657246837997-0' style='min-width: 300px; min-height: 600px;'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1657246837997-0'); }); </script> </div> </div> </div> </div> </div> </div> </div> </section>  <script>var questionId ='lam-cach-nao-de-xac-thuc-bieu-mau-trong-bootstrap-4'</script> <script>var postTime ='2022-12-25T00:29:36.008Z'</script> <script>var siteDomain ='hanghieugiatot.com'</script> <script type="text/javascript" src="https://hanghieugiatot.com/dist/js/pages/comment.js"></script>  <section class="footer-area pt-80px bg-dark position-relative"> <span class="vertical-bar-shape vertical-bar-shape-1"></span> <span class="vertical-bar-shape vertical-bar-shape-2"></span> <span class="vertical-bar-shape vertical-bar-shape-3"></span> <span class="vertical-bar-shape vertical-bar-shape-4"></span> <div class="container"> <div class="row"> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Chúng tôi</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/about.html">Giới thiệu</a></li> <li><a href="/contact.html">Liên hệ</a></li> <li><a href="/contact.html">Tuyển dụng</a></li> <li><a href="/contact.html">Quảng cáo</a></li> </ul> </div> </div> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Điều khoản</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/privacy-statement.html">Điều khoản hoạt động</a></li> <li><a href="/terms-and-conditions.html">Điều kiện tham gia</a></li> <li><a href="/privacy-statement.html">Quy định cookie</a></li> </ul> </div> </div> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Trợ giúp</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/contact.html">Hướng dẫn</a></li> <li><a href="/contact.html">Loại bỏ câu hỏi</a></li> <li><a href="/contact.html">Liên hệ</a></li> </ul> </div> </div> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Mạng xã hội</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="#"><i class="fab fa-facebook-f mr-1"></i> Facebook</a></li> <li><a href="#"><i class="fab fa-twitter mr-1"></i> Twitter</a></li> <li><a href="#"><i class="fab fa-linkedin mr-1"></i> LinkedIn</a></li> <li><a href="#"><i class="fab fa-instagram mr-1"></i> Instagram</a></li> </ul> </div> </div> </div> </div> <hr class="border-top-gray my-5"> <div class="container"> <div class="row align-items-center pb-4 copyright-wrap"> <div class="col-6"> <a href="//www.dmca.com/Protection/Status.aspx?ID=33e5dca6-f8c5-4c6f-b8e6-a247229d2953" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="https://images.dmca.com/Badges/dmca_protected_sml_120am.png?ID=33e5dca6-f8c5-4c6f-b8e6-a247229d2953" width="123px" height="21px" alt="DMCA.com Protection Status" /></a> <script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script> </div> <div class="col-6"> <div class="copyright-desc text-right fs-14"> <div>Bản quyền © 2021 <a href="https://hanghieugiatot.com">Hàng Hiệu</a> Inc.</div> </div> </div> </div> </div> </section> <script> $( document ).ready(function() { setTimeout(showMoreButton, 3000); function showMoreButton(){ let minheight = 1000; minheight = parseInt($("#entryContent").innerHeight())/3; $("#entryContent").css('min-height', minheight).css('max-height', minheight).css('overflow', 'hidden'); $("#readmore_content").click(function(){ $("#entryContent").css('min-height', '').css('max-height', '').css('overflow', ''); $(".readmore_content_exists").css('display', 'none'); }) } }); </script>   <div id="back-to-top" data-toggle="tooltip" data-placement="top" title="Lên đầu trang"> <img alt="" src="/dist/images/svg/arrow-up_20.svg"> </div>  <script src="https://hanghieugiatot.com/dist/js/bootstrap.bundle.min.js"></script> <script src="https://hanghieugiatot.com/dist/js/moment.js"></script> <script src="https://hanghieugiatot.com/dist/js/read-more.min.js"></script> <script src="https://hanghieugiatot.com/dist/js/main.js?v=6"></script>  <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "jxuz46z39u"); </script> </body> </html>