网页中设计中禁止input框输入空格的做法之一

最新推荐文章于 2024-07-02 18:11:40 发布

原创最新推荐文章于 2024-07-02 18:11:40 发布 · 857 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html #空格 #input

前端同时被 2 个专栏收录

64 篇文章

订阅专栏

前端——HTML

16 篇文章

订阅专栏

博客介绍了HTML中input输入框的情况，原本输入框可输入空格并提交表单，通过在标签里添加属性，能实现输入框无法输入空格。

<input class="layui-input" id ="groupName"  name="groupName" value="${advGroup.groupName}" placeholder="请输入" />

这是原本的 input 输入框 , 可以输入空格提交表单

onKeypress="javascript:if(event.keyCode == 32)event.returnValue = false;"

<input class="layui-input" id ="groupName" name="groupName" value="${advGroup.groupName}" placeholder="请输入"

onKeypress="javascript:if(event.keyCode == 32)event.returnValue = false;"/>

在标签里添加属性

如上 , 这样就输入不了空格了