"입니다."/> "입니다.">

 >  기사  >  웹 프론트엔드  >  html에서 숫자만 입력할 수 있도록 입력을 설정하는 방법

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

青灯夜游
青灯夜游원래의
2021-12-10 16:02:429933검색

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 주 및 연도 제어를 정의합니다(시간대 제외).

추천 튜토리얼: "html 비디오 튜토리얼"

위 내용은 html에서 숫자만 입력할 수 있도록 입력을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.