[attribute] HTML - min 속성 - (숫자|날짜)의 최소값 지정 (= min속성 = 민속성) ※ 최솟값

1. min 예제 - <input> 경우
2. min 정의
3. min 구문
4. min 예제 - <meter> 경우

min 예제 - <input> 경우

<form action="/action_page.php">

  <label for="datemax">2023-01-31 이하 선택:</label>

  <input type="date" id="datemax" name="datemax" max="2012-01-31"><br>

  <label for="datemin">2023-02-01 이상 선택</label>

  <input type="date" id="datemin" name="datemin" min="2023-02-01"><br>

  <label for="quantity">1~5 중 선택</label>

  <input type="number" id="num" name="num" min="1" max="5"><br>

  <input type="submit" value="확인">

</form>

 

결과보기

min 정의

 

(숫자/날짜)의 최소값 지정.

 

---

 

1. min 속성 지원 태그 종류

<input> type 중 숫자/날짜 관련된 것들, <meter>

 

2. cf.

max 속성 - (숫자|날짜)의 최대값 지정.

 

3.

주요 최신 브라우저 모두 지원.

 

min 구문

 

• <input min="number|date">
• <meter min="number">

 

---

[속성값]

 

number

숫자의 최소값 지정.

• <input> 경우, 허용된 최소값 지정.
• <meter> 경우, 부동소수로 최소값 지정. (기본값: 0)

 

date

날짜의 최소값 지정. (※ YYYY-MM-DD 형식)

 

min 예제 - <meter> 경우

 

<p><label for="html">html 점수:</label>

<meter id="html" min="0" low="40" high="90" max="100" value="95"></meter></p>

<p><label for="css">css 점수:</label>

<meter id="css" min="0" low="40" high="90" max="100" value="65"></meter></p>

<p><label for="js">js 점수:</label>

<meter id="js" min="0" low="40" high="90" max="100" value="35"></meter></p>

 

결과보기