Thuộc tính min trong HTML

Thuộc tính min trong HTML được dùng để đặt giá trị tối thiểu của một phần tử. Bạn có thể dùng nó trong <meter> cũng như <input>.

Ví dụ 1: Thuộc tính min của <meter>

Ví dụ thuộc tính min của phần tử <meter>:

<!DOCTYPE html> <html> <body> 
<h2>Mức nước</h2> 
<p>Mức tạp chất <meter min="0" low="50" high="95" max="100" value="85"></meter></p> 
<p>Mức TDS <meter min="0" low="20" high="80" max="100" value="60"></meter></p> 
</body> </html>

Kết quả

Đoạn mã trên sẽ tạo ra kết quả như sau:

Ví dụ 2: Thuộc tính min trong <input>

Ví dụ thuộc tính min trong phần tử <input>:

<!DOCTYPE html> <html> <body> 
<h2>Chi tiết cầu thủ với ngày báo到</h2> 
<form> 
    <p>Đây là <ins>chi tiết với <ins>ngày báo到</ins>:</p> 
    <fieldset> 
        <legend>Chi tiết mới:</legend> 
        Cầu thủ: <input type="text"><br> 
        Xếp hạng: <input type="number"><br> 
        Email: <input type="email"><br> 
        Ngày báo到:<input type="date" name="reporting" min="2019-05-05"> 
    </fieldset> 
</form> 
</body> </html>

Kết quả

Đoạn mã trên sẽ tạo ra kết quả như sau:

Bây giờ, nếu bạn thử thêm ngày trước 2018-05-05, sẽ thấy: