Bagaimana untuk menetapkan input dalam html supaya hanya nombor yang boleh dimasukkan

青灯夜游
Lepaskan: 2021-12-10 16:02:42
asal
10006 orang telah melayarinya

Dalam HTML, anda boleh menggunakan atribut jenis untuk menetapkan input kepada nombor input sahaja Anda hanya perlu menetapkan nilai atribut jenis kepada "nombor", sintaksnya ialah "".

Bagaimana untuk menetapkan input dalam html supaya hanya nombor yang boleh dimasukkan

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Dalam html, anda boleh menggunakan atribut jenis untuk menetapkan input supaya hanya memasukkan nombor . Atribut

jenis menentukan jenis elemen

Apabila nilai atribut jenis ialah "nombor", anda boleh menentukan medan untuk memasukkan nombor secara khusus (hanya nombor boleh dimasukkan).

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

	<body>
		<input /><br><br>
		<input type="number" />
	</body>
</html>
Salin selepas log masuk

Bagaimana untuk menetapkan input dalam html supaya hanya nombor yang boleh dimasukkan

Pengetahuan lanjutan: nilai atribut jenis

描述
button 定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。
checkbox 定义复选框。
color 定义拾色器。
date 定义 date 控件(包括年、月、日,不包括时间)。
datetime 定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,基于 UTC 时区)。
datetime-local 定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)。
email 定义用于 e-mail 地址的字段。
file 定义文件选择字段和 "浏览..." 按钮,供文件上传。
hidden 定义隐藏输入字段。
image 定义图像作为提交按钮。
month 定义 month 和 year 控件(不带时区)。
number 定义用于输入数字的字段。
password 定义密码字段(字段中的字符会被遮蔽)。
radio 定义单选按钮。
range 定义用于精确值不重要的输入数字的控件(比如 slider 控件)。
reset 定义重置按钮(重置所有的表单值为默认值)。
search 定义用于输入搜索字符串的文本字段。
submit 定义提交按钮。
tel 定义用于输入电话号码的字段。
text 默认。定义一个单行的文本字段(默认宽度为 20 个字符)。
time 定义用于输入时间的控件(不带时区)。
url 定义用于输入 URL 的字段。
week 定义 week 和 year 控件(不带时区)。

Tutorial yang disyorkan: "html tutorial video

Atas ialah kandungan terperinci Bagaimana untuk menetapkan input dalam html supaya hanya nombor yang boleh dimasukkan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan