반응형
input type="number"의 경우 기본값을 0으로 설정하는 방법
아래와 같이 숫자를 사용할 수 있는 텍스트 상자의 경우 기본값을 0으로 설정하려면 어떻게 해야 합니까?
<input name="smtpPort" type="number" id="smtpPort" size="30" maxlength="50" class="input-full" tabindex="4" value="{{model.PortNumber}}">
DB의 값은 null이지만 텍스트 상자에 0으로 표시됩니다.
어떤 도움이라도 주시면 감사하겠습니다.
기본값을 설정하는 HTML 속성은 다음과 같습니다.value:
<input type="number" value="1">
이 기본값을 다음과 같이 설정합니다.null(HTML에서는) 아무것도 제로(또는 다른 것)로 변경할 수 없습니다.
데이터베이스 또는 템플릿엔진에서 값을 수정해야 합니다(예:{{model.PortNumber || 0}}).
적어도 당신은 당신의 필드를 강제로 채울 수 있습니다.required속성:
<input type="number" required value="">
<input name="smtpPort" type="number" id="smtpPort" size="30" maxlength="50" class="input-full" tabindex="4" value="{{model.PortNumber || 0}}">
Angular를 사용하시겠죠?JS.
올바른 방법은 템플릿으로 전송하기 전에 값을 수정하는 것입니다.단, 프런트엔드에서 계속 하고 싶다면||각도의 연산자JS 프런트 엔드
<input name="smtpPort" type="number" id="smtpPort" size="30" maxlength="50" class="input-full" tabindex="4" value="{{model.PortNumber || 0}}">
언급URL : https://stackoverflow.com/questions/34924709/for-input-type-number-how-to-set-default-value-to-0
반응형
'codememo' 카테고리의 다른 글
| material ui에서 수평 스크롤이 발생합니다. - (0) | 2023.03.14 |
|---|---|
| SQLite 데이터베이스에 JSON 개체를 저장하는 방법 (0) | 2023.03.14 |
| org.springframework 패키지부팅이 존재하지 않습니다. (0) | 2023.03.14 |
| Angular의 상위 컨트롤러에서 디렉티브의 메서드를 호출합니다.JS (0) | 2023.03.14 |
| Angular의 UI 라우터에 URL이 없는 상태의 파라미터JS (0) | 2023.03.14 |