html 中 textarea,input 文本输入框限制输入内容

安小兴先生

于 2022-05-30 15:00:30 发布

阅读量2k

点赞数 2

分类专栏：前端html 文章标签： html 前端

本文链接：https://blog.csdn.net/junxing2018_wu/article/details/125045182

版权

这篇博客整理了在HTML中对textarea和input元素进行输入内容限制的方法，包括只能输入数字、数字和小数点、英文、中文等不同组合，以及对小数点后位数的限制，同时还涵盖了允许输入中文、数字、英文及特定符号的情况。这些限制可以直接作为属性嵌入标签，简化表单验证过程。

摘要由CSDN通过智能技术生成

经常碰到需要控制表单元素输入的类型，然后每次总是百度，然后复制粘贴，特别浪费时间。
这里收集好方便直接使用。提供的方法非常简单使用直接嵌套在标签上使用，无需单独写js方法调用实现，

只能输入数字(小数点也不能输入)

<input type="text" name="input_text" onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu="value=value.replace(/[^0-9]/g,'')">

<input type="text" name="input_text" onkeyup="value=value.replace(/\D/g,'')" onafterpaste="value=value.replace(/\D/g,'')">

只能输入数字、小数点

<input type="text" name="input_text" onkeyup="value=value.replace(/[^\0-9.]/g,'')" onpaste="value=value.replace(/[^\0-9.]/g,'')" oncontextmenu="value=value.replace(/[^\0-9.]/g,'')">

<input type="text" name="input_text" onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">

<input type="text" name="input_text" onchange="if(/\D/.test(this.value)){
       alert