[前台]---关于input标签的value值

最新推荐文章于 2024-10-12 10:25:22 发布
原创 最新推荐文章于 2024-10-12 10:25:22 发布 · 9.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js #input

本文介绍了一个关于HTML中隐藏输入元素value属性值被误读的问题，并提供了解决方案。问题出现在value属性值以0结尾并紧跟斜杠时，这会导致浏览器将其作为值的一部分读取，从而引发错误。

碰到这个情况,先上代码:

<input type="hidden" id="input-shoppingListType" value=0/>

这样写的话,最终在获取value的值的时候,平时都是0,直到有一次成了’0/’,发现了吗?把后面的斜杠也给拿到了,最终导致报错了

结果:

<input type="hidden" id="input-shoppingListType" value=0 />

其实解决很简单,0后面加个空格就行了,这也是一个代码习惯吧.

好的习惯,真的能省好多事

Vue3 - 实现禁止input输入框禁止输入空格，textarea、input表单禁止输入空格不允许用户提交空格，vue3 input输入框禁止用户输入空格（el-input、a-input组件库）
🏆 前端领域优质创作者
10-22 4154
vue3如何实现input输入框禁止输入空格，vue3怎么让textarea禁止输入空格，支持Element Plus、Ant Design Vue，el-input输入框禁止输入空格，vue3 input表单禁止输入空格_input输入框不允许输入空格，vue3 H5页面input框禁止输入空格限制，怎么彻底限制input输入框禁止用户输入空格，不允许空格出现在输入框内而不是提交时去掉，antd输入框组件不允许用户输入框，vue3从根本限制输入不会让空格打出来，微信公众号网页H5禁止用户输入空格，inpu
GeoServer 属性名表达式前台代码执行漏洞（CVE-2024-36401）
4SecNet团队专栏
09-29 594
GeoServer是一个开源服务器，用于共享、处理和编辑地理空间数据。它支持多种地图和数据标准，使用户能够通过网络访问和操作地理信息系统（GIS）数据，遵循OGC开放标准的开源WFS-T和WMS服务器。在GeoServer 2.25.1， 2.24.3， 2.23.5版本及以前，未登录的任意用户可以通过构造恶意OGC请求，在默认安装的服务器中执行XPath表达式，进而利用执行Apache Commons Jxpath提供的功能执行任意代码。nuclei格式检测规则。python脚本扫描。
根据input 标签取value属性的值
weixin_30836759的博客
05-28 441
jrhmpt01:/root/lwp/0526# cat a1.pl use LWP::UserAgent; use DBI; use POSIX; use Data::Dumper; use HTML::TreeBuilder; my $ua = LWP::UserAgent->new; $ua->timeout(10); $ua->env_proxy; $ua...
input标签的value属性详解
热门推荐
WinstonLau的博客
03-13 6万+
value 属性的用法是由 input 标签的 type 属性的值决定的 当 type 的取值为 button、reset、submit 中的其中一个时，此时 value 属性的值表示的是按钮上显示的文本 当 type 的取值为 text、password、hidden 中的其中一个时，此时 value 属性的值表示的是输入框中显示的初始值 当 type 的取值为 checkbox、radio、...
input元素中value属性的作用
北冥同学的成长记录笔记
06-15 2667
掌握前端方面的知识对于网络安全工程师而言也是至关重要的，因此笔者就一位同学遇到的问题，对input元素中的value属性方面的知识进行了归纳和总结。
input标签的value、placeholder、name、checked和maxlength属性
rihjyy的博客
02-05 5224
input的其他属性 在昨天的的文章中，主要介绍了input标签的type属性，今天就来讲讲其他的属性： 1.value属性： value属性的属性值是用户自定义的，用来规定input元素的默认值，例如： 用户名:<input type="text" value="请输入用户名"> 但是实际运用中对于用户名和密码等可以看见的value值我们这样操作就会使用户的体验不是很好，如上图，在输入用户名的文本框中，会出现"请输入用户名"的文本，用户还得自己删掉,所以我们现在使用更多的是placehol
input标签的value和name属性详解
最新发布
qq_42720845的博客
10-12 2809
name 属性规定 input 元素的名称1、 name 属性用于对提交到服务器后的表单数据进行标识2、 name 属性在客户端通过 JavaScript 引用表单数据只有设置了 name 属性的表单元素才能在提交表单时传递它们的值如上面的例子：在后端他有个对象存在 两个属性为 fullname和 email 与两个input中的name属性相对应。这样我们就可以通过input 向后端传值。注: 必须要保障input中的name属性的值与后端对象的属性名要保持一致才可以进行传值。
通过事件将input标签value在后台改了前台如何回显
07-12
要通过事件将 `<input>` 标签的值在后台更改后实现前台的回显，可以按照以下步骤进行： 1. 在 Vue 组件中，使用 `v-model` 指令将 `<input>` 标签与组件中的数据属性进行绑定。例如，可以使用 `v-model="inputValue...
json字符串传到前台input的方法
12-10
传到页面的input标签 如下是错误的： request.setAttribute(“pageInfoJsonStr”, JSONObject.fromObject(pageInfo).toString()); 还需要 jsonStr.replaceAll(“\”“, “’”)再放到request.setAttribute中 以上这...
PHP获取input输入框中的值去数据库比较显示出来
10-21
<input type="text" name="bianhao" value="" maxlength="10" size="10" style="width:100px;margin:0px 0px 0px 25px;height:20px;"/> <input type="submit" value="商品编号查询" style="margin:0px 0px 0px 10px;...
input标签里面的name与value的区别
12-14
type浏览器中用于出入的控件（比方说type="text",这就是一个文本框;type="button"，这就是一个按钮） type可选的值如下： button 按钮 checkbox 复选按钮组件 file 文件上传组件 hidden 隐藏域 image 图片区域 password 密码输入文本框 radio 单选按钮组件 reset 重置表单按钮 submit 提交表单按钮 text 文本输入框 *********************************************************************** id是唯一标识符，不允许有重复值（类似数据表的主键
Html04_input框中的value/key/placeholder到底是什么
linxwx的博客
02-22 2360
1.input框中的value值到底是什么 value 属性为 input 元素设定值。 input标签有很多类型，也就是type，对于不同的输入类型，value 属性的用法也不同，以下是一些常用type的说明 text： 文本框，input默认的type，不写就是这个，value表示文本框里的值 password：密码框，value表示密码框里的值。 submit：提交按钮，value表示按钮上的文字 button：普通按钮，value表示按钮上的文字 reset：重置按钮，value表示按钮上的文.
input框中的value值到底是什么
weixin_33750452的博客
11-16 1758
value 属性为 input 元素设定值。 对于不同的输入类型，value 属性的用法也不同： type="button", "reset", "submit" - 定义按钮上的显示的文本 type="text", "password", "hidden" - 定义输入字段的初始值 type="checkbox", "radio", "
html中input属性设置（合集）
2301_78256053的博客
07-04 8860
2. 精通各种web前端技术和标准，包括但不限于Javascript/ES6、HTML/HTML5、CSS/CSS3、Sass/less、Vue/React/Node，对表现与数据分离、web协议、web安全、web性能、web语义化等有深刻理解;③找到刚才保存的“Html”单击打开，再单击“导入”，在弹出的“导入数据”窗口中你可以选择“现有工作表”、“新建工作表”都行，然后单击确定即可。我们想到了一个比较简单的解决方法，虽然不是非常的完美，如果您的要求不是非常高，已经可以满足你的需要了。
zabbix系列：值映射Value Mapping的用法
NIO4444
05-04 1561
目录 demo 创建Mapping 使用Mapping 效果 适用：多个数字值分别代表不通的意思，方便识别。 demo 创建Mapping 使用Mapping 效果
HTML input元素 value 属性
dkwokaonima的博客
09-18 744
value 属性规定 元素的值。 value 属性对于不同 input 类型，用法也不同： 对于 “button”、“reset”、“submit” 类型 - 定义按钮上的文本 对于 “text”、“password”、“hidden” 类型 - 定义输入字段的初始（默认）值 对于 “checkbox”、“radio”、“image” 类型 - 定义与 input 元素相关的值，当提交表单时该值...
value为空时，不显示placeholder
wuhe1060134228的博客
04-12 1033
前端或小程序中input组件中，value为空时，显示为空。 空在组件里面代表有值，如果想显示placeholder，需要判断当value为空时设置为undefined，就可以显示placeholder了。
input中空格后的数据不显示
weixin_30929011的博客
08-05 318
bug，input中空格后的数据不显示 昨天在修bug，有一个bug是用户修改的个人信息的地址栏，输入有空格的话，空格后面的内容存不上，而且没有报错，奇怪了，只好跟踪下。 页面上的输入框就是个input，后台取出数据赋给value。 <input id="pr_titl...
html5 input[number]类型输入非数字字符val()为“”和解决方案
dongkuan2508的博客
04-10 807
html5新增的number输入类型会在input框获得焦点的时候呼起数字键盘，增加了体验的效果。但是在一些安卓机器上，还是能够切换道字符输入，用户也会不小心输入“+”“—”之类的非数字字符。测试了一下，number类型是会自动忽略字母字符和其他非数字字符的，除了“+”“—”“.”这两个字符可以输入,因为这两个是正负数和小数点的符号。 number类型还有一个很坑的点是，如果输入框中的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值