html에서 숫자만 입력할 수 있도록 입력을 설정하는 방법-HTML 튜토리얼-php.cn

집

웹 프론트엔드

HTML 튜토리얼

html에서 숫자만 입력할 수 있도록 입력을 설정하는 방법

青灯夜游

Dec 10, 2021 pm 04:02 PM

html input 입력 유형

HTML에서는 type 속성을 사용하여 입력을 숫자로만 설정할 수 있습니다. type 속성의 값을 "number"로 설정하기만 하면 되며 구문은 "

html에서 숫자만 입력할 수 있도록 입력을 설정하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

html에서는 type 속성을 사용하여 숫자만 입력하도록 입력을 설정할 수 있습니다.

type 속성은 표시할 요소의 유형을 지정합니다.

type 속성의 값이 "number"인 경우, 구체적으로 숫자를 입력하는 필드를 정의할 수 있습니다(숫자만 입력 가능).

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>

	<body>
		<input /><br><br>
		<input type="number" />
	</body>
</html>

로그인 후 복사

html에서 숫자만 입력할 수 있도록 입력을 설정하는 방법

확장된 지식: 유형 속성의 값

Value	Description
button	클릭 가능한 버튼을 정의합니다(종종 스크립트를 실행하기 위해 JavaScript와 함께 사용됨).
checkbox	체크박스를 정의하세요.
color	색상 선택기를 정의합니다.
date	날짜 제어를 정의합니다(연도, 월, 일 포함, 시간 제외).
datetime	날짜 및 시간 제어를 정의합니다(UTC 시간대를 기준으로 연도, 월, 일, 시, 분, 초, 1초 미만 포함).
datetime-local	날짜 및 시간 제어를 정의합니다(연도, 월, 일, 시, 분, 초, 1초 미만, 시간대 제외).
email	이메일 주소에 사용되는 필드를 정의합니다.
file	파일 선택 필드를 정의하고 파일 업로드를 위한 "찾아보기..." 버튼을 정의하세요.
hidden	숨겨진 입력 필드를 정의하세요.
image	이미지를 제출 버튼으로 정의하세요.
month	월 및 연도 컨트롤을 정의합니다(시간대 제외).
number	숫자 입력 필드를 정의합니다.
password	비밀번호 필드를 정의합니다(필드의 문자는 마스크됩니다).
radio	라디오 버튼을 정의하세요.
range	정확한 값이 중요하지 않은 입력 숫자에 대한 컨트롤을 정의합니다(예: 슬라이더 컨트롤).
reset	재설정 버튼 정의(모든 양식 값을 기본값으로 재설정).
search	검색 문자열을 입력하기 위한 텍스트 필드를 정의하세요.
submit	제출 버튼을 정의하세요.
tel	전화번호 입력 필드를 정의합니다.
text	기본값. 한 줄 텍스트 필드를 정의합니다(기본 너비는 20자).
time	시간 입력에 대한 컨트롤을 정의합니다(시간대 제외).
url	URL 입력 필드를 정의합니다.
week	주 및 연도 제어를 정의합니다(시간대 제외).