Hướng dẫn required html là gì

1) Bộ chọn :required trong CSS

- Bộ chọn :required dùng để chọn các phần tử form có thiết lập thuộc tính required.

Nội dung chính Show

1) Bộ chọn :required trong CSS
2) Cách sử dụng bộ chọn :required trong CSS
3) Một số ví dụ
Kiểm tra tính hợp lệ
Sử dụng thuộc tính Pattern
Tùy biến thông báo xác nhận
Thay thế thông báo xác nhận mặc định
Định phong cách
Một từ về định phong cách thông báo Popup
Nâng cao hơn
Làm việc với các sự kiện
Kết luận

- Lưu ý:

Các phần tử có thể được thiết lập thuộc tính required chủ yếu là <select></li><li>Ta không thể "Submit" khi các phần tử được thiết lập thuộc tính required bỏ trống giá trị.</li></ul><p>- Gợi ý: Để chọn các phần tử form không có thiết lập thuộc tính required thì dùng bộ chọn :optional.</p><h3 id="2-cach-su-dung-bo-chon-required-trong-css">2) Cách sử dụng bộ chọn :required trong CSS</h3><p>- Để sử dụng bộ chọn <strong>:required</strong>, ta dùng cú pháp như sau:</p><pre><code>:required{ các khai báo định dạng CSS }</code></pre><h3 id="3-mot-so-vi-du">3) Một số ví dụ</h3><p><p>- Thiết lập nền màu hồng cho các phần tử được thiết lập thuộc tính required</p><hr><pre><code>:required{ background-color:pink; }</code></pre><p>Xem ví dụ</p><p><p>- Thiết lập nền màu hồng cho các phần tử <textarea> được thiết lập thuộc tính required</p><hr><pre><code>textarea:required{ background-color:pink; }</code></pre><p>Xem ví dụ</p><div class='paramage'></div> <p><p><span>Vietnamese (Tiếng Việt) translation by <span>Dai Phong</span> (you can also view the original English article) </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><p>Trong hướng dẫn này, chúng ta sẽ khám phá thuộc tính <code>pattern</code> của HTML, sử dụng nó để giúp chúng ta tùy biến cách chúng ta kiểm tra tính hợp lệ của form.<br></p><h2 id="kiem-tra-tinh-hop-le">Kiểm tra tính hợp lệ</h2><p>Kiểm tra tính hợp lệ của Form có tầm quan trọng đối với một trang web bảo mật cũng như tính khả dụng của nó. Quá trình xác nhận đánh giá các giá trị đầu vào có đúng định dạng hay không trước khi gửi nó. Ví dụ, nếu chúng ta có một trường nhập liệu cho một địa chỉ email, thì giá trị chắc chắn phải có một địa chỉ email hợp lệ; nó nên bắt đầu bằng một ký tự hoặc một số, tiếp theo là biểu tượng <code>@</code>, sau đó kết thúc với một tên miền.</p><p>Đặc tả HTML5 làm cho việc xác nhận trở nên dễ dàng hơn với sự ra đời của các kiểu trường nhập liệu mới chẳng hạn như <code>email</code>, <code>url</code>, và <code>tel</code>, và chúng cũng đi kèm với quy tắt kiểm tra được định nghĩa trước. Bất cứ khi nào giá trị cho trước không đáp ứng với các định dạng bắt buộc, thì các trường nhập liệu này sẽ đưa ra một thông báo lỗi, từ đó ngăn chặn việc gởi dữ liệu đi.</p><div class="imgBox"><img alt="Hướng dẫn required html là gì" data-orgimg="https://sg.cdnki.com/huong-dan-required-html-la-gi---aHR0cHM6Ly9jbXMtYXNzZXRzLnR1dHNwbHVzLmNvbS9jZG4tY2dpL2ltYWdlL3dpZHRoPTYwMC91cGxvYWRzL3VzZXJzLzMwL3Bvc3RzLzI1MTQ1L2ltYWdlL2VtYWlrLnBuZw==.webp" ></img></div><div class="imgBox"><img alt="Hướng dẫn required html là gì" data-orgimg="https://sg.cdnki.com/huong-dan-required-html-la-gi---aHR0cHM6Ly9jbXMtYXNzZXRzLnR1dHNwbHVzLmNvbS9jZG4tY2dpL2ltYWdlL3dpZHRoPTYwMC91cGxvYWRzL3VzZXJzLzMwL3Bvc3RzLzI1MTQ1L2ltYWdlL2VtYWlrLnBuZw==.webp" ></img></div><div class="imgBox"><img alt="Hướng dẫn required html là gì" src="/dist/images/loading.svg" data-orgimg="https://sg.cdnki.com/huong-dan-required-html-la-gi---aHR0cHM6Ly9jbXMtYXNzZXRzLnR1dHNwbHVzLmNvbS9jZG4tY2dpL2ltYWdlL3dpZHRoPTM2MC91cGxvYWRzL3VzZXJzLzMwL3Bvc3RzLzI1MTQ1L2ltYWdlL2VtYWlrLnBuZw==.webp"></img></div>Thông báo lỗi trong địa chỉ email không hợp lệ (Chrome)<p>Tuy nhiên, kỳ vọng mỗi trường hợp đầu vào đều được cung cấp khả năng kiểm tra là không thực tế. Nếu bạn có một tên người dùng, mã zip hoặc bất kỳ loại dữ liệu đặc biệt không được chỉ định như là kiểu đầu vào tiêu chuẩn thì sao? Làm thế nào chúng ta xác nhận đầu vào chúng? Đây là nơi mà thuộc tính <code>pattern</code> phát huy tác dụng.</p><h2 id="su-dung-thuoc-tinh-pattern">Sử dụng thuộc tính Pattern</h2><p>Thuộc tính <code>pattern</code> này chỉ áp dụng trên các phần tử <code>input</code>. Nó cho phép chúng ta xác định quy tắc kiểm tra giá trị đầu vào riêng của chúng ta bằng cách sử dụng Regular Expressions (RegEx). Một lần nữa, nếu giá trị không khớp với mẫu đã chỉ định, thì phần tử input sẽ đưa ra một lỗi.</p><p>Ví dụ, giả sử chúng ta có một input tên người dùng trong form của chúng ta. Không có một loại tiêu chuẩn cho tên người dùng, do đó chúng ta sử dụng <code>text</code> input thông thường:</p><pre><form action="somefile.php"> <input type="text" name="username" placeholder="Username"> </form> </pre><p>Hãy định nghĩa một quy tắc để sử dụng với thuộc tính <code>pattern</code>. Trong trường hợp này, chúng ta sẽ chỉ ra rằng tên người dùng chỉ nên bao gồm chữ thường; chữ hoa, số hoặc ký tự đặc biệt khác đều được phép. Ngoài ra, chiều dài tên người dùng không nên có nhiều hơn 15 ký tự. Trong RegEx, quy tắc này có thể được biểu diễn như sau <code>[a-z]{1,15}</code>.</p><p>Thêm <code>[a-z]{1,15}</code> như là giá trị của thuộc tính <code>pattern</code> trong input tên người dùng của chúng ta:</p><pre><form action="somefile.php"> <input type="text" name="username" placeholder="Username" pattern="[a-z]{1,15}"> </form> </pre><p>Bây giờ, vì nó chỉ chấp nhận chữ thường, nên khi submit bất kỳ giá trị nào khác sẽ đưa một thông báo lỗi:</p><div class="imgBox"><img alt="Hướng dẫn required html là gì" data-orgimg="https://sg.cdnki.com/huong-dan-required-html-la-gi---aHR0cHM6Ly9jbXMtYXNzZXRzLnR1dHNwbHVzLmNvbS9jZG4tY2dpL2ltYWdlL3dpZHRoPTYwMC91cGxvYWRzL3VzZXJzLzMwL3Bvc3RzLzI1MTQ1L2ltYWdlL3VzZXJuYW1lLnBuZw==.webp" ></img></div><div class="imgBox"><img alt="Hướng dẫn required html là gì" data-orgimg="https://sg.cdnki.com/huong-dan-required-html-la-gi---aHR0cHM6Ly9jbXMtYXNzZXRzLnR1dHNwbHVzLmNvbS9jZG4tY2dpL2ltYWdlL3dpZHRoPTYwMC91cGxvYWRzL3VzZXJzLzMwL3Bvc3RzLzI1MTQ1L2ltYWdlL3VzZXJuYW1lLnBuZw==.webp" ></img></div><div class="imgBox"><img alt="Hướng dẫn required html là gì" data-orgimg="https://sg.cdnki.com/huong-dan-required-html-la-gi---aHR0cHM6Ly9jbXMtYXNzZXRzLnR1dHNwbHVzLmNvbS9jZG4tY2dpL2ltYWdlL3dpZHRoPTM2MC91cGxvYWRzL3VzZXJzLzMwL3Bvc3RzLzI1MTQ1L2ltYWdlL3VzZXJuYW1lLnBuZw==.webp" ></img></div> Thông báo lỗi, phát biểu rằng giá trị nhập vào không trùng với mẫu.<p>Như bạn thấy ở trên, thông báo lỗi nói "Please match the requested format." Xác nhận của chúng ta hoạt động, nhưng thông báo này không giúp người dùng của chúng ta hiểu được mẫu được yêu cầu thực sự là gì. UX thất bại.</p><h2 id="tuy-bien-thong-bao-xac-nhan">Tùy biến thông báo xác nhận</h2><p>May mắn thay, chúng ta có thể tùy biến thông báo để cho nó trở nên hữu ích hơn, và chúng ta có một vài cách để làm như vậy. Cách dễ nhất là chỉ định một thuộc tính <code>title</code> bên trong phần tử input của chúng ta:</p><pre><form action="somefile.php"> <input type="text" name="username" placeholder="Username" pattern="[a-z]{1,15}" title="Username should only contain lowercase letters. e.g. john"> </form></pre><p>Bây giờ title được thêm vào trong cùng với thông báo mặc định:</p><div class="imgBox"><img alt="Hướng dẫn required html là gì" data-orgimg="https://sg.cdnki.com/huong-dan-required-html-la-gi---aHR0cHM6Ly9jbXMtYXNzZXRzLnR1dHNwbHVzLmNvbS9jZG4tY2dpL2ltYWdlL3dpZHRoPTYwMC91cGxvYWRzL3VzZXJzLzMwL3Bvc3RzLzI1MTQ1L2ltYWdlL3VzZXJuYW1lMS5wbmc=.webp" ></img></div><div class="imgBox"><img alt="Hướng dẫn required html là gì" data-orgimg="https://sg.cdnki.com/huong-dan-required-html-la-gi---aHR0cHM6Ly9jbXMtYXNzZXRzLnR1dHNwbHVzLmNvbS9jZG4tY2dpL2ltYWdlL3dpZHRoPTYwMC91cGxvYWRzL3VzZXJzLzMwL3Bvc3RzLzI1MTQ1L2ltYWdlL3VzZXJuYW1lMS5wbmc=.webp" ></img></div><div class="imgBox"><img alt="Hướng dẫn required html là gì" data-orgimg="https://sg.cdnki.com/huong-dan-required-html-la-gi---aHR0cHM6Ly9jbXMtYXNzZXRzLnR1dHNwbHVzLmNvbS9jZG4tY2dpL2ltYWdlL3dpZHRoPTM2MC91cGxvYWRzL3VzZXJzLzMwL3Bvc3RzLzI1MTQ1L2ltYWdlL3VzZXJuYW1lMS5wbmc=.webp" ></img></div><p>Tuy nhiên, thông báo bật lên là không đồng nhất. Nếu chúng ta so sánh nó với một trong những thông báo bởi kiểu input email được hiển thị trước đó, thì các chỉ dẫn thật sự có thể nổi bật hơn.</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ách thứ hai sẽ giải quyết vấn đề này cho chúng ta.<br></p><h3 id="thay-the-thong-bao-xac-nhan-mac-dinh">Thay thế thông báo xác nhận mặc định</h3><p>Bây giờ hãy thay thế thông báo "Please match the requested format" mặc định bằng một thông báo hoàn toàn tùy biến. Chúng ta sẽ sử dụng một chút JavaScript để làm điều này.</p><p>Bắt đầu bằng cách thêm một <code>id</code> vào phần tử <code>input</code>, để có thể chọn nó được thuận tiện hơn.</p><pre><form action="somefile.php"> <input type="text" name="username" placeholder="Username" pattern="[a-z]{1,15}" id="username"> </form></pre><p>Bây giờ, chúng ta có thể chọn phần tử input bằng cách sử dụng JavaScript và gán nó cho một biến (hoặc giữa các thẻ <code><script></code> trên trang của chúng ta, hoặc trong một tập tin JavaScript riêng, hoặc trong cửa sổ JS trên CodePen):</p><pre>var input = document.getElementById('username'); </pre><p>Cuối cùng, chúng ta chỉ định thông báo được sử dụng khi input hiển thị trạng thái không hợp lệ của nó.</p><pre>input.oninvalid = function(event) { event.target.setCustomValidity('Username should only contain lowercase letters. e.g. john'); }</pre><p>Sự kiện <code>oninvalid</code> kế thừa một đối tượng <code>event</code> chứa một vài thuộc tính, bao gồm <code>target</code> (phần tửu không hợp lệ) và <code>validationMessage</code> chứa thông báo lỗi. Trong ví dụ trên, chúng ta đã thay thế thông báo bằng cách sử dụng phương thức <code>setCustomValidity()</code>.</p><p>Bây giờ, chúng ta sẽ thấy thông báo tuỳ biến thay thế cái mặc định.</p><div class="imgBox"><img alt="Hướng dẫn required html là gì" data-orgimg="https://sg.cdnki.com/huong-dan-required-html-la-gi---aHR0cHM6Ly9jbXMtYXNzZXRzLnR1dHNwbHVzLmNvbS9jZG4tY2dpL2ltYWdlL3dpZHRoPTYwMC91cGxvYWRzL3VzZXJzLzMwL3Bvc3RzLzI1MTQ1L2ltYWdlL3VzZXJuYW1lMy5wbmc=.webp" ></img></div><div class="imgBox"><img alt="Hướng dẫn required html là gì" data-orgimg="https://sg.cdnki.com/huong-dan-required-html-la-gi---aHR0cHM6Ly9jbXMtYXNzZXRzLnR1dHNwbHVzLmNvbS9jZG4tY2dpL2ltYWdlL3dpZHRoPTYwMC91cGxvYWRzL3VzZXJzLzMwL3Bvc3RzLzI1MTQ1L2ltYWdlL3VzZXJuYW1lMy5wbmc=.webp" ></img></div><div class="imgBox"><img alt="Hướng dẫn required html là gì" data-orgimg="https://sg.cdnki.com/huong-dan-required-html-la-gi---aHR0cHM6Ly9jbXMtYXNzZXRzLnR1dHNwbHVzLmNvbS9jZG4tY2dpL2ltYWdlL3dpZHRoPTM2MC91cGxvYWRzL3VzZXJzLzMwL3Bvc3RzLzI1MTQ1L2ltYWdlL3VzZXJuYW1lMy5wbmc=.webp" ></img></div><h2 id="dinh-phong-cach">Định phong cách</h2><p>Để bổ sung cho kiểu input mới và những phương thức này để thiết lập một thông báo xác nhận tuỳ biến, đặc tả CSS3 mang đến một vài lớp giả hữu ích, <code>:valid</code> và <code>:invalid</code>. Những cái này cho phép chúng ta áp dụng phong cách tùy thuộc vào trạng thái xác nhận của input, ví dụ:</p><pre>input:invalid { border-color: red; } input, input:valid { border-color: #ccc; } </pre><p>Có một số thứ cần lưu ý khi sử dụng các lớp giả:</p><ul><li>Đầu tiên, <code>:valid</code> được áp dụng mặc định, ngay cả khi giá trị input là rỗng. Vì vậy, như bạn có thể nhìn thấy ở trên, chúng ta đặt <code>border-color</code> <code>#ccc</code>; màu mặc định cho phần tử input của chúng ta. Giá trị rỗng luôn luôn được xem là hợp lệ, trừ khi chúng ta thêm thuộc tính <code>required</code>. Trong trường hợp đó, input là không hợp lệ và viền màu đỏ được đưa ra.</li><li>Các phong cách cho hợp lệ và không hợp lệ áp dụng ngay lập tức khi người dùng đang gõ, ngay cả khi giá trị là rỗng. Việc thay đổi phong cách ngay lập tức có thể khiến người dùng bối rối.</li></ul><h3 id="mot-tu-ve-dinh-phong-cach-thong-bao-popup">Một từ về định phong cách thông báo Popup</h3><p>Xác nhận form đã trở thành một tiêu chuẩn mới sau mỗi một đặc tả HTML5, nhưng các popup lỗi xuất hiện hoàn toàn tuỳ thuộc vào các nhà cung cấp trình duyệt thì như thế nào. Kỳ vọng cái đẹp khác nhau trong các trình duyệt khác nhau, sẽ không giúp tạo ra sự thống nhất của giao diện người dùng.</p><div class="imgBox"><img alt="Hướng dẫn required html là gì" data-orgimg="https://sg.cdnki.com/huong-dan-required-html-la-gi---aHR0cHM6Ly9jbXMtYXNzZXRzLnR1dHNwbHVzLmNvbS9jZG4tY2dpL2ltYWdlL3dpZHRoPTYwMC91cGxvYWRzL3VzZXJzLzY5L3Bvc3RzLzI1MTQ1L2ltYWdlL2h0bWw1LXZhbGlkYXRpb24tZGlmZmVyZW50LWJyb3dzZXJzLmpwZw==.webp" ></img></div><div class="imgBox"><img alt="Hướng dẫn required html là gì" data-orgimg="https://sg.cdnki.com/huong-dan-required-html-la-gi---aHR0cHM6Ly9jbXMtYXNzZXRzLnR1dHNwbHVzLmNvbS9jZG4tY2dpL2ltYWdlL3dpZHRoPTYwMC91cGxvYWRzL3VzZXJzLzY5L3Bvc3RzLzI1MTQ1L2ltYWdlL2h0bWw1LXZhbGlkYXRpb24tZGlmZmVyZW50LWJyb3dzZXJzLmpwZw==.webp" ></img></div><div class="imgBox"><img alt="Hướng dẫn required html là gì" data-orgimg="https://sg.cdnki.com/huong-dan-required-html-la-gi---aHR0cHM6Ly9jbXMtYXNzZXRzLnR1dHNwbHVzLmNvbS9jZG4tY2dpL2ltYWdlL3dpZHRoPTM2MC91cGxvYWRzL3VzZXJzLzY5L3Bvc3RzLzI1MTQ1L2ltYWdlL2h0bWw1LXZhbGlkYXRpb24tZGlmZmVyZW50LWJyb3dzZXJzLmpwZw==.webp" ></img></div> <p>Google Chrome ngăn chặn khả năng tùy biến phong cách popup mặc định cách đây một vài năm. Nếu điều này là cái mà bạn muốn đạt được, lựa chọn duy nhất còn lại là hoàn toàn có thể thay thế thông báo popup bằng cách sử dụng JavaScript, vì vậy, hãy xem nó làm việc như thế nào!</p><h2 id="nang-cao-hon">Nâng cao hơn</h2><p>Chúng ta sẽ tạo một popup tùy biến mà sẽ xuất hiện khi giá trị của input là không hợp lệ. Để bắt đầu, chúng ta cần chọn một vài phần tử cần thiết, cụ thể là <code>input</code> và <code>form</code>:</p><pre>var input = document.getElementById('username'); var form = document.getElementById('form'); </pre><p>Tiếp theo, chúng ta sẽ tạo ra một phần tử mới mà sẽ chứa thông báo của chúng ta:</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><pre>var elem = document.createElement('div'); elem.id = 'notify'; elem.style.display = 'none'; form.appendChild(elem); </pre><p>Ở đây, chúng tôi tạo ra một phần tử <code>div</code> mới. Chúng tôi gán cho nó một id là <code>notify</code>, và ẩn nó bằng cách thiết lập thuộc tính <code>display</code> thành <code>none</code>. Cuối cùng, chúng ta thêm <code>div</code> mới vào bên trong <code>form</code>.</p><h3 id="lam-viec-voi-cac-su-kien">Làm việc với các sự kiện</h3><p>Có hai sự kiện chúng ta cần phải xử lý. Đầu tiên, sự kiện <code>invalid</code> được gọi khi giá trị của input không khớp với mẫu. Chúng ta sẽ chạy code sau đây bên trong sự kiện <code>invalid</code>:</p><pre>input.addEventListener('invalid', function(event){ event.preventDefault(); if ( ! event.target.validity.valid ) { elem.textContent = 'Username should only contain lowercase letters e.g. john'; elem.className = 'error'; elem.style.display = 'block'; input.className = 'invalid animated shake'; } }); </pre><p>Ở đây, với <code>event.preventDefault()</code>; chúng ta bỏ hành vi mặc định để cho thông báo popup mặc định của trình duyệt không xuất hiện. Thay vào đó, chúng ta sẽ hiển thị thông báo riêng thông qua phần tử <code>div</code> mới của chúng ta. Chúng ta thêm thông báo bên trong nội dung, thêm một lớp mới, <code>error</code> và hiển thị thông báo bằng cách thiết lập thuộc tính display thành <code>block</code>.</p><p>Chúng ta cũng thêm một lớp, <code>invalid</code>, vào phần tử input, cho nó viền màu đỏ. Chúng ta cũng cần phải thiết lập quy tắc phong cách trong CSS stylesheet.</p><pre>input.invalid { border-color: #DD2C00; } </pre><p>Ngoài ra, bạn cũng có thể thêm các lớp <code>animated shake</code> từ Animate.css. Điều này cung cấp cho nó một hiệu ứng đặc biệt bằng cách sử dụng hiệu ứng shake (lắc).</p><p>Sự kiện thứ hai là sự kiện <code>input</code>. Sự kiện này được gọi khi giá trị của input thay đổi. Chúng ta sẽ sử dụng sự kiện này chuyển trạng thái của input về lại bình thường, cũng như ẩn popup thông báo, như sau.</p><pre>input.addEventListener('input', function(event){ if ( 'block' === elem.style.display ) { input.className = ''; elem.style.display = 'none'; } }); </pre><p>Như bạn có thể thấy ở trên, chúng ta sẽ loại bỏ tên lớp khỏi phần tử <code>input</code> và ẩn popup thông báo.</p><div class="imgBox"><img alt="Hướng dẫn required html là gì" data-orgimg="https://sg.cdnki.com/huong-dan-required-html-la-gi---aHR0cHM6Ly9jbXMtYXNzZXRzLnR1dHNwbHVzLmNvbS9jZG4tY2dpL2ltYWdlL3dpZHRoPTYwMC91cGxvYWRzL3VzZXJzLzMwL3Bvc3RzLzI1MTQ1L2ltYWdlL2Vycm9yLnBuZw==.webp" ></img></div><div class="imgBox"><img alt="Hướng dẫn required html là gì" data-orgimg="https://sg.cdnki.com/huong-dan-required-html-la-gi---aHR0cHM6Ly9jbXMtYXNzZXRzLnR1dHNwbHVzLmNvbS9jZG4tY2dpL2ltYWdlL3dpZHRoPTYwMC91cGxvYWRzL3VzZXJzLzMwL3Bvc3RzLzI1MTQ1L2ltYWdlL2Vycm9yLnBuZw==.webp" ></img></div><div class="imgBox"><img alt="Hướng dẫn required html là gì" data-orgimg="https://sg.cdnki.com/huong-dan-required-html-la-gi---aHR0cHM6Ly9jbXMtYXNzZXRzLnR1dHNwbHVzLmNvbS9jZG4tY2dpL2ltYWdlL3dpZHRoPTM2MC91cGxvYWRzL3VzZXJzLzMwL3Bvc3RzLzI1MTQ1L2ltYWdlL2Vycm9yLnBuZw==.webp" ></img></div><p>Bây giờ chúng ta đã có một thông báo xác nhận hoàn toàn tùy biến. Hãy thử nó: nhập bất kỳ giá trị không hợp lệ:</p><p><strong>Lưu ý</strong>: Đừng quên ghé qua GraphicRiver nếu bạn đang tìm kiếm cảm hứng để thiết kế giao diện form.</p><h2 id="ket-luan">Kết luận</h2><p>Sử dụng kiểu input tiêu chuẩn cùng với thuộc tính <code>pattern</code> sẽ cung cấp cho form của bạn một lớp xác nhận, nhưng lưu ý rằng bạn nên thực hiện một số kiểu xác nhận trên máy chủ.</p><p>Ngạc nhiên là, ngay cả khi người dùng đã vô hiệu hóa JavaScript trong trình duyệt, thì trình duyệt mới nhất sẽ vẫn hiển thị popup xác nhận và ngăn chặn việc submit form. Tuy nhiên, Safari, không hỗ trợ thuộc tính pattern tại thời điểm viết bài. Tính năng tương tự có thể được chèn vào bằng cách sử dụng một polyfill Webshim Lib.</p><p>Tôi hy vọng bạn thích hướng dẫn này và giữ nó như là một tài liệu tham khảo tiện dụng cho việc xác nhận bằng HTML5.</p><div class='paramage'></div> <div class="contenBreak"></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/vJ5FnEMoEhQ?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://boxhoidap.com/tags/programming" class="tag-link">programming</a> <a href="https://boxhoidap.com/tags/html" class="tag-link">html</a> <a href="https://boxhoidap.com/tags/Input w3school" class="tag-link">Input w3school</a> <a href="https://boxhoidap.com/tags/Pattern email HTML" class="tag-link">Pattern email HTML</a> </div> </div> <div class="post-tools"> <button data-postid="huong-dan-required-html-la-gi" class="btn btn-answerModalBox"><img class="mr-1" alt="Hướng dẫn required html là gì" src="/dist/images/svg/messages_16.svg">Reply</button> <button data-postid="huong-dan-required-html-la-gi" data-vote="up" class="btn btn-doVote"><img class="mr-1" alt="Hướng dẫn required html là gì" src="/dist/images/svg/face-smile_16.svg">2</button> <button data-postid="huong-dan-required-html-la-gi" data-vote="down" class="btn btn-doVote"><img class="mr-1" alt="Hướng dẫn required html là gì" src="/dist/images/svg/poo_16.svg">0</button> <button class="btn"><img class="mr-1" alt="Hướng dẫn required html là gì" src="/dist/images/svg/facebook_16.svg"> Chia sẻ</button> </div> </div> </div> </div> <div id="answers_huong-dan-required-html-la-gi" 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="/bai-toan-ket-thuc-mo-cua-tich-vo-huong-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/wIT4v6WxNqA/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLAYTOb7sMTNqxLI1_kdmEETYn0z4A" alt="Bài toán kết thúc mở của tích vô hướng năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bai-toan-ket-thuc-mo-cua-tich-vo-huong-nam-2024">Bài toán kết thúc mở của tích vô hướng 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="/me-la-anh-sang-cua-doi-con-la-bai-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/8v4ySlUtO7c/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLAYQK30TwA45NxYVXj0pZGCm4Ge8g" alt="Mẹ là ánh sáng của đời con là bài gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/me-la-anh-sang-cua-doi-con-la-bai-gi-nam-2024">Mẹ là ánh sáng của đời con là bài 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="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-10-cau-thu-tre-bo-dao-nha-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/U0XP_KGEh8o/hqdefault.jpg?sqp=-oaymwE9COADEI4CSFryq4qpAy8IARUAAAAAGAElAADIQj0AgKJDeAHwAQH4AdQGgALgA4oCDAgAEAEYGiAxKH8wDw==&rs=AOn4CLA6SXqXaQIyKtPFLU4ivilBaSPadw" alt="Top 10 cầu thủ trẻ bồ đào nha năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/top-10-cau-thu-tre-bo-dao-nha-nam-2024">Top 10 cầu thủ trẻ bồ đào nha 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="/san-pham-co-chat-luong-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/pWBjf0oI9vg/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLA-CxfxBP7lbIIcw3UBKZeV1N4ybg" alt="Sản phẩm có chất lượng là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/san-pham-co-chat-luong-la-gi-nam-2024">Sản phẩm có chất lượ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="/cach-hach-toan-tai-khoan-5113-tt-133-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/bwD4YHcD9ww/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgALQBYoCDAgAEAEYEiBkKHIwDw==&rs=AOn4CLDG-r4RwpvrIqRA-O7m0S2pOayghg" alt="Cách hạch toán tài khoản 5113 tt 133 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cach-hach-toan-tai-khoan-5113-tt-133-nam-2024">Cách hạch toán tài khoản 5113 tt 133 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/Mẹo Hay" class="tag-link">Mẹo Hay</a> <a href="/tags/Cách" class="tag-link">Cách</a> <a href="/tags/Tài khoản 632" class="tag-link">Tài khoản 632</a> <a href="/tags/Tài khoản 711" class="tag-link">Tài khoản 711</a> <a href="/tags/Tài khoản 131" class="tag-link">Tài khoản 131</a> <a href="/tags/Tài khoản 911" class="tag-link">Tài khoản 911</a> <a href="/tags/Tài khoản 331" class="tag-link">Tài khoản 331</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="/viet-nam-da-vo-dich-chau-a-lan-nao-chua-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/1VNnJ5R6fL8/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLA5enDS6hGTyIuaJcBnnwtput8KXw" alt="Việt nam đã vô địch châu á lần nào chưa năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/viet-nam-da-vo-dich-chau-a-lan-nao-chua-nam-2024">Việt nam đã vô địch châu á lần nào chưa 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/Asian Cup 2011" class="tag-link">Asian Cup 2011</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-bt-14-sgk-trang-48-toan-9-tap-1-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/BO3hamMrVmw/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBAeRE69WUOwM7h4vR5sWQV26bMHg" alt="Giải bt 14 sgk trang 48 toán 9 tập 1 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/giai-bt-14-sgk-trang-48-toan-9-tap-1-nam-2024">Giải bt 14 sgk trang 48 toán 9 tập 1 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/Loigiaihay 9" class="tag-link">Loigiaihay 9</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-thong-dich-vu-thue-dien-tu-etax-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/irMdGidvM4U/hqdefault.jpg?sqp=-oaymwEjCOADEI4CSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLAoBTPZlPEhRt-UM7J5UEykdJ0cdQ" alt="Hệ thống dịch vụ thuế điện tử etax là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/he-thong-dich-vu-thue-dien-tu-etax-la-gi-nam-2024">Hệ thống dịch vụ thuế điện tử etax 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/Ngôn ngữ" class="tag-link">Ngôn ngữ</a> <a href="/tags/Dịch " class="tag-link">Dịch </a> <a href="/tags/Thuế điện tử" class="tag-link">Thuế điện tử</a> <a href="/tags/thuedientu.gdt.gov.vn đăng nhập" class="tag-link">thuedientu.gdt.gov.vn đăng nhập</a> <a href="/tags/thuedientu.gdt.gov.vn cá nhân" class="tag-link">thuedientu.gdt.gov.vn cá nhân</a> <a href="/tags/thuedientu.gdt.gov.vn đăng ký" class="tag-link">thuedientu.gdt.gov.vn đăng ký</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="/ddien-thoai-banh-trung-thu-binh-chung-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/e9VNLGHYtlo/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgALQBYoCDAgAEAEYZSBWKEswDw==&rs=AOn4CLBre3QWAAKIvyPVHhplm06poVG6iQ" alt="Dđiện thoại bánh trung thu bình chung năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/ddien-thoai-banh-trung-thu-binh-chung-nam-2024">Dđiện thoại bánh trung thu bình chung 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/Món Ngon" class="tag-link">Món Ngon</a> <a href="/tags/Bánh" class="tag-link">Bánh</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="/con-dau-dong-bang-la-ten-con-dau-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/3-LqKPMaeic/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgALQBYoCDAgAEAEYZSBOKE0wDw==&rs=AOn4CLAvnzOjz8c835ihtbLjILlTywra6Q" alt="Con dấu đóng bằng là tên con dấu gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/con-dau-dong-bang-la-ten-con-dau-gi-nam-2024">Con dấu đóng bằng là tên con dấu 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/Con dấu tròn" class="tag-link">Con dấu tròn</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="/loi-zalo-khong-ket-noi-duoc-may-chu-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/fmEPuZUr1K8/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDqERBW8uUL6jd5WMvsvfjHSzJWpA" alt="Lỗi zalo không kết nối được máy chủ năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/loi-zalo-khong-ket-noi-duoc-may-chu-nam-2024">Lỗi zalo không kết nối được máy chủ 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/Công Nghệ" class="tag-link">Công Nghệ</a> <a href="/tags/Máy" class="tag-link">Máy</a> <a href="/tags/Zalo PC" class="tag-link">Zalo PC</a> <a href="/tags/Zalo Web" class="tag-link">Zalo Web</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="/du-hoc-my-theo-chuong-trinh-giao-luu-van-hoa-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/qSWsUIYV02A/hqdefault.jpg?sqp=-oaymwE9COADEI4CSFryq4qpAy8IARUAAAAAGAElAADIQj0AgKJDeAHwAQH4Af4JgALQBYoCDAgAEAEYZSBKKD8wDw==&rs=AOn4CLCJQN8SFTmb-ENRjEOpu_agVBcenQ" alt="Du học mỹ theo chương trình giao lưu văn hóa năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/du-hoc-my-theo-chuong-trinh-giao-luu-van-hoa-nam-2024">Du học mỹ theo chương trình giao lưu văn hóa 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/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="/thanh-quyet-toan-tieng-anh-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/3siTtgP-zEk/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgALQBYoCDAgAEAEYSSBYKGUwDw==&rs=AOn4CLAaOERAdA3W4e-I6Sb_PaKZdhTIPA" alt="Thanh quyết toán tiếng anh là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/thanh-quyet-toan-tieng-anh-la-gi-nam-2024">Thanh quyết toán 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/Final settlement" class="tag-link">Final settlement</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="/phan-mem-doc-hoa-don-dien-tu-xml-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/cEFeQ_-vpxE/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCE27URantbQVRWHCVhEJCFa6aFzQ" alt="Phần mềm đọc hóa đơn điện tử xml năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/phan-mem-doc-hoa-don-dien-tu-xml-nam-2024">Phần mềm đọc hóa đơn điện tử xml 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="/ha-noi-di-thanh-hoa-bao-nhieu-tieng-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/InlFyYae0Vc/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCW4iLaJkPw6mIY6ntp867epncJUw" alt="Hà nội đi thanh hóa bao nhiêu tiếng năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/ha-noi-di-thanh-hoa-bao-nhieu-tieng-nam-2024">Hà nội đi thanh hóa bao nhiêu tiếng 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/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Bao nhiêu" class="tag-link">Bao nhiêu</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="/248a-le-van-luong-phuong-tan-hung-quan-7-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/6RkiYzPQxEc/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDhx1UNr2cgUI2J-LvNASM28mgVug" alt="248a lê văn lương phường tân hưng quận 7 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/248a-le-van-luong-phuong-tan-hung-quan-7-nam-2024">248a lê văn lương phường tân hưng quận 7 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="/dan-so-va-phat-trien-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/kBBGg1XU_U0/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLANoi5hwQCDxUHBDiTVHJR6Ihiqgw" alt="Dân số và phát triển là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/dan-so-va-phat-trien-la-gi-nam-2024">Dân số và phát triển 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="/de-thi-lop-4-mon-toan-cuoi-ki-2-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/-MrFJQSut5g/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLAinsTpiJuS0J1909KXVoxwdmYmFA" alt="Đề thi lớp 4 môn toán cuối kì 2 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/de-thi-lop-4-mon-toan-cuoi-ki-2-nam-2024">Đề thi lớp 4 môn toán cuối kì 2 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="/ban-ve-thiet-ke-goi-la-gi-tieng-anh-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/noCbm0DZh5U/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBoq-tIV-9LsTG-eOLsdCR0J4IJpg" alt="Bản vẽ thiết kế gọi là gì tiếng anh năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/ban-ve-thiet-ke-goi-la-gi-tieng-anh-nam-2024">Bản vẽ thiết kế gọi là gì tiếng anh 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/Construction drawing" class="tag-link">Construction drawing</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="/cach-khac-phuc-loi-mat-am-thanh-cua-may-tinh-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/nTx003MjTRE/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLAKqY-a7RTrampRau4FAJwE7RWwrA" alt="Cách khắc phục lỗi mất âm thanh của máy tính năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cach-khac-phuc-loi-mat-am-thanh-cua-may-tinh-nam-2024">Cách khắc phục lỗi mất âm thanh của máy tính 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/Mẹo Hay" class="tag-link">Mẹo Hay</a> <a href="/tags/Cách" class="tag-link">Cách</a> <a href="/tags/Công Nghệ" class="tag-link">Công Nghệ</a> <a href="/tags/Máy tính" class="tag-link">Máy tính</a> <a href="/tags/Máy" class="tag-link">Máy</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://boxhoidap.com/co-nen-cho-be-hoc-toan-tu-duy-nam-2024">Có nên cho bé học toán tư duy 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://boxhoidap.com/author/IncompleteClearance" class="author">IncompleteClearance</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/loi-cad-error-could-not-open-file-for-write-nam-2024">Lỗi cad error could not open file for write 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://boxhoidap.com/author/ManagingIrrigation" class="author">ManagingIrrigation</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/kiem-tra-may-tinh-ban-dang-dung-la-may-gi-nam-2024">Kiểm tra máy tính bạn đang dùng là máy 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://boxhoidap.com/author/NoteworthyRebirth" class="author">NoteworthyRebirth</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/gia-cat-co-trong-tieng-anh-la-gi-customer-off-nam-2024">Giá cắt cổ trong tiếng anh là gì customer off 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://boxhoidap.com/author/ProspectiveHandshake" class="author">ProspectiveHandshake</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/thong-bao-loi-khong-tim-thay-chu-ky-so-nam-2024">Thông báo lỗi không tìm thấy chữ ký 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://boxhoidap.com/author/IncandescentHelper" class="author">IncandescentHelper</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/dinh-nghia-ve-noi-chon-rau-cat-ron-la-gi-nam-2024">Định nghĩa về nơi chôn rau cắt rốn 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://boxhoidap.com/author/FirmLordship" class="author">FirmLordship</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/toan-lop-7-gia-tri-cua-bieu-thuc-dai-so-nam-2024">Toán lớp 7 giá trị của biểu thức đại 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://boxhoidap.com/author/AdjacentCloseness" class="author">AdjacentCloseness</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/tai-xiu-075-la-gi-nam-2024">Tài xỉu 0.75 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://boxhoidap.com/author/PointedCoverage" class="author">PointedCoverage</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/bep-tu-nao-dung-tot-o-khi-haua-viet-nam-nam-2024">Bếp từ nào dùng tốt ở khí hauạ việt nam 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://boxhoidap.com/author/ReprehensibleMisery" class="author">ReprehensibleMisery</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/gia-mua-hoa-don-ban-le-cua-chi-cuc-thue-nam-2024">Giá mua hóa đơn bán lẻ của chi cục thuế 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://boxhoidap.com/author/MysticalViolation" class="author">MysticalViolation</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://boxhoidap.com/toplist-top-7-tet-mau-than-nam-1968-da-dien-ra-su-kien-gi-o-mien-nam-nuoc-ta-2023">Top 7 tết mậu thân năm 1968 đã diễn ra sự kiện gì ở miền nam nước ta 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://boxhoidap.com/toplist-top-13-luyen-tu-va-cau-dau-gach-ngang-lop-4-trang-45-2023">Top 13 luyện từ và câu: dấu gạch ngang lớp 4 trang 45 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://boxhoidap.com/toplist-top-6-trong-mat-phang-oxy-anh-cua-duong-thang-d-3x-y-40-2023">Top 6 trong mặt phẳng oxy ảnh của đường thẳng d 3x y 4=0 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://boxhoidap.com/toplist-top-6-thu-thach-than-chet-thuyet-minh-phan-2-2023">Top 6 thử thách thần chết thuyết minh phần 2 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://boxhoidap.com/toplist-top-4-vo-bai-tap-tieng-viet-lop-3-tap-2-chinh-ta-trang-15-2023">Top 4 vở bài tập tiếng việt lớp 3 tập 2 chính tả trang 15 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://boxhoidap.com/toplist-top-5-ao-khoac-nam-quang-chau-cao-cap-2023">Top 5 áo khoác nam quảng châu cao cấp 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://boxhoidap.com/toplist-top-4-noi-dung-nao-sau-day-khong-phai-la-trach-nhiem-cua-don-vi-dau-moi-cung-cap-thong-tin-2023">Top 4 nội dung nào sau đây không phải là trách nhiệm của đơn vị đầu mối cung cấp thông tin 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://boxhoidap.com/toplist-top-9-mau-dong-phuc-cong-so-dep-2022-2023">Top 9 mẫu đồng phục công sở đẹp 2022 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://boxhoidap.com/toplist-top-5-op-lung-iphone-13-pro-bao-ve-camera-2023">Top 5 ốp lưng iphone 13 pro bảo vệ camera 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://boxhoidap.com/bai-tap-co-loi-giai-to-chuc-thi-cong-nam-2024">Bài tập có lời giải tổ chức thi công năm 2024</a></h5> <small class="meta"> <span class="pr-1">4 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/VolubleBrowsing" class="author">VolubleBrowsing</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/giai-cac-bai-toan-tim-x-lop-4-nam-2024">Giải các bài toán tìm x lớp 4 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://boxhoidap.com/author/PredominantManga" class="author">PredominantManga</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/bi-te-got-chan-la-benh-gi-nam-2024">Bị tê gót chân là bệnh gì 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://boxhoidap.com/author/AdultClerk" class="author">AdultClerk</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/cuoc-goi-khong-xac-dinh-la-gi-nam-2024">Cuộc gọi không xác định là gì 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://boxhoidap.com/author/UncontrollableComplexity" class="author">UncontrollableComplexity</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/ddien-tro-cac-cap-day-may-nen-la-bao-nhieu-nam-2024">Dđiện trở các cặp dây máy nén là bao nhiêu 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://boxhoidap.com/author/TelevisedNarration" class="author">TelevisedNarration</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/vietnam-airline-duoc-ky-gui-bao-nhieu-kg-nam-2024">Vietnam airline được ký gửi bao nhiêu kg 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://boxhoidap.com/author/ProlongedSeating" class="author">ProlongedSeating</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/last-seen-recently-nghia-la-gi-nam-2024">Last seen recently nghĩa là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">9 giờ trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/High-levelRelaxation" class="author">High-levelRelaxation</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/dai-hoc-ton-duc-thang-bao-nhieu-1-tin-chi-nam-2024">Đại học tôn đức thắng bao nhiêu 1 tín chỉ 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://boxhoidap.com/author/WashedChina" class="author">WashedChina</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/1-8-ga-tuong-duong-bao-nhieu-km-h-nam-2024">1 8 ga tương đương bao nhiêu km h 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://boxhoidap.com/author/All-powerfulFrequency" class="author">All-powerfulFrequency</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://boxhoidap.com/anh-trai-goi-em-gai-la-gi-trong-tieng-han-nam-2024">Anh trai gọi em gái là gì trong tiếng hàn năm 2024</a></h5> <small class="meta"> <span class="pr-1">6 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://boxhoidap.com/author/SpentDeliverance" class="author">SpentDeliverance</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 ='huong-dan-required-html-la-gi'</script> <script>var postTime ='2022-10-05T05:32:17.316Z'</script> <script>var siteDomain ='boxhoidap.com'</script> <script type="text/javascript" src="https://boxhoidap.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://boxhoidap.com">boxhoidap.com</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://boxhoidap.com/dist/js/bootstrap.bundle.min.js"></script> <script src="https://boxhoidap.com/dist/js/moment.js"></script> <script src="https://boxhoidap.com/dist/js/read-more.min.js"></script> <script src="https://boxhoidap.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> <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="312d4c1235a504986e9638fc-|49" defer></script>