首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Html:固定文本字段中的空格

Html:固定文本字段中的空格
EN

Stack Overflow用户
提问于 2016-06-16 05:04:00
回答 4查看 294关注 0票数 0

有没有办法修复文本字段值中的空格。意思是当文本字段出现时,它上面已经有一个空格,用户在空格后输入值。而且,当用户擦除该空格的值时,他/她也不能删除该空格。我知道这件事可以通过填充来完成,但是我有一个问题,我想要一个值的固定空间。

代码语言:javascript
运行
AI代码解释
复制
<input type="text" id="search" value="fix space" />

文本字段:(固定空格)用户值

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2016-06-16 05:10:43

您可以使用keyup事件来检查空格,并在需要时添加它:

代码语言:javascript
运行
AI代码解释
复制
<input id="mytb" type="text" onkeyup="addSpace()" />

function addSpace() {
    var tbVal = $('#mytb').val();
    if (tbVal.substring(0, 1) != ' ') $('#mytb').val(' ' + tbVal);
}
票数 1
EN

Stack Overflow用户

发布于 2016-06-16 05:14:56

可以使用关键帧或模糊事件:

代码语言:javascript
运行
AI代码解释
复制
document.getElementById('search').addEventListener('blur', function() {
  if (this.value.indexOf(' ') != 0) {
    this.value = ' ' + this.value;
  }
}, false);

或者:

代码语言:javascript
运行
AI代码解释
复制
document.getElementById('search').addEventListener('keyup', function() {
      if (this.value.indexOf(' ') != 0) {
        this.value = ' ' + this.value;
      }
    }, false);
票数 1
EN

Stack Overflow用户

发布于 2016-06-16 05:09:14

嗯,css是可行的,但是从声音上看,您希望空间成为提交的数据的一部分。

如果是这样,为什么不在提交处理程序中添加空格前缀呢?

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37850251

复制
相关文章
Html中的空格符
  CSS中当 white-space 属性取值为pre时,浏览器会保留文本中的空格和换行,例如:
全栈程序员站长
2022/11/09
2.2K0
HTML空格符_HTML中什么表示特殊字符空格
本篇就单介绍空格的字符实体,HTML提供了6种空格实体(space entity):
全栈程序员站长
2022/11/09
4.4K0
HTML空格符_HTML中什么表示特殊字符空格
html中的空格怎么写,html中空格代码是什么?(总结)
对于新手小白来说,html空格符号代码的书写可能有点茫然,那么本篇文章就给大家总结介绍关于html空格代码的多种表示方法。希望对大家有一定的帮助。
全栈程序员站长
2022/06/25
15.2K0
HTML中的空格字符_dw空格代码怎么打
在学习插入空格字符代码书写方法之前,我们要知道,html代码的空格字符,在浏览器中,总会被压缩为一个字符!也就是说,你在html文本中输入多个空格,但在浏览器中,只会保留显示一个字符,其余的都将被浏览器删除。
全栈程序员站长
2022/09/28
5.2K0
HTML中的空格字符_dw空格代码怎么打
html里面空格_html空格占位符
&#160; == &nbsp; == &#xA0; == no-break space (普通的英文半角空格但不换行)
全栈程序员站长
2022/11/10
5.9K0
html表格空格符是什么,HTML中的空格符号是什么
在平时我们写文章时遇到空格时都会直接输入空格键来达到空格的效果,但是在HTML代码中如果我们输入空格键就会被忽略,达不到空格的效果,今天就像大家介绍HTML中空格代码如何写,希望对大家有所帮助。
全栈程序员站长
2022/11/09
3.7K0
html表格空格符是什么,HTML中的空格符号是什么
html空格代码&nbsp_html中的转义字符
一般只要没有打错 你那应该用了flex布局 flex会影响一些语法 而且也会导致空格符实习失效 而且如果你设置了
全栈程序员站长
2022/11/09
3.9K0
html空格代码_html中空格怎么表示
html中空格代码的写法一: &nbsp (不换行空格) html中空格代码的写法二:&ensp(半角空格) html中空格代码的写法三:&emsp(全角空格) html中空格代码的写法四:&thinsp(窄空格) html中空格代码的写法五:&zwnj(零宽不连字)
全栈程序员站长
2022/11/09
6.8K0
Html的空格显示
全角空格被解释为汉字,所以不会被被解释为HTML分隔符,能够依照实际的空格数显示。
全栈程序员站长
2022/07/11
3.8K0
HTML中的4种类型空格介绍
我原本以为 HTML 中只有一种空格,就是我们常用的 &nbsp;,今天一查才知道还有另外三种,而且 &ensp; &emsp; 刚好分别是中文字符的一半和相等,在某些情况下非常有用。比如下面这种情况如果需要排列整齐的话:
Denis
2023/04/14
2.2K0
html中空格的写法[通俗易懂]
HTML不是一种编程语言,而是一种超文本标记语言 (markup language),是网页制作所必备的。超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 方法1:使用键盘,键入空格 在html页面中,我们可以通过键入“空格”键来插入空格。 例:在p.p1中键入一个空格,在p.p2中键入5个空格。注:此时是半角状态键入“空格”:
全栈程序员站长
2022/07/04
3.2K0
html中空格的写法[通俗易懂]
html一个汉字空格占位_html空格字符
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/09
2.5K0
html5空格代码怎么写_html怎么添加空格
本篇文章为大家介绍的是HTML的空格代码的写法,“&nbsp;”代码的用法,还有几种空格方式的解释,都在文章中,现在开始往下看吧。
全栈程序员站长
2022/08/02
9.5K0
html5空格代码怎么写_html怎么添加空格
正则替换 UEditor pre 中的 'nbsp' 空格 html 标签
今天在复制粘贴自己博客上的代码时发现,有的代码竟然无法执行!(pbootcms 的 if 语句)
Savalone
2020/02/11
4.1K0
正则替换 UEditor pre 中的 'nbsp' 空格 html 标签
js去掉html标签和去掉字符串文本的所有的空格
去掉html标签的js <script>  function delHtmlTag(str){   return str.replace(/<[^>]+>/g,"");//去掉所有的html标记  } var str = "<span style='display:none;'>This is test</span><img src=''>ss</img><strong></strong><br/>"; str = delHtmlTag(str); alert(str); </script> 为了一个tit
joshua317
2018/04/10
13.2K0
html空格代码是什么?html中空格怎么打「建议收藏」
html空格代码是什么?html中空格怎么打?对于刚刚入门的新手来说可能比较陌生,下面我们来总结一下html空格代码。
全栈程序员站长
2022/11/08
6.2K0
奇葩的Html空格校验问题~
在使用modal弹窗时候,关闭后导致页面无法滚动,检查后发现是body上设置了样式 overflow:hidden 导致不可滚动。
执行上下文
2022/07/26
1.5K0
奇葩的Html空格校验问题~
HTMl网页中的文本和图像
JaneYork
2023/10/11
5020
mysql查询字段中带空格的值的sql语句,并替换
(自己写的这四行)查询带有空格值的数据:SELECT * FROM 表名 WHERE 字段名 like ‘% %’;
全栈程序员站长
2022/07/11
9.9K0
html5空格代码怎么写_空格的代码是什么
本篇文章为大家介绍的是HTML的空格代码的写法,“&nbsp;”代码的用法,还有几种空格方式的解释,都在文章中,现在开始往下看吧。
全栈程序员站长
2022/11/09
6.1K0
html5空格代码怎么写_空格的代码是什么

相似问题

包含空格和固定位数的文本字段,如密码文本字段

15

文本变量中文本字段中的空格: php+html

21

为文本设置固定的空格

10

如何删除长度固定的输入字段中的空格

21

忽略文本字段中的空格

20
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档