input框输入的文本类型都是字符串类型

系统管理员 2023-06-23 05:00 5阅读 0赞

input框输入的文本类型都是字符串类型  
![在这里插入图片描述][2019121716324532.png]  
!\[在这里插入图片描述\](https://img-blog.csdnimg.cn/20191217162640768.png![在这里插入图片描述][20191217162930188.png]  
![在这里插入图片描述][20191217163105343.png]  
第一种:  
虽然在i-input里加了type=“number”,但是还是不能正确验证,因为在i-input里加了type="number"只能限制input框里只能输入数字,但是此时还是字符串类型,需要在提交表单时将字符串转换为数字.  
所以加上以下代码就对啦:  
![在这里插入图片描述][20191217163757682.png]  
第二种:  
使用数字输入框InputNumber,提交时不需加Number转换  
![在这里插入图片描述][20191217164519900.png]  
![在这里插入图片描述][20191217164616217.png]

正确展示:  
![在这里插入图片描述][20191217164809507.png]

[2019121716324532.png]: https://img-blog.csdnimg.cn/2019121716324532.png
[20191217162930188.png]: https://img-blog.csdnimg.cn/20191217162930188.png?
[20191217163105343.png]: https://img-blog.csdnimg.cn/20191217163105343.png
[20191217163757682.png]: https://img-blog.csdnimg.cn/20191217163757682.png
[20191217164519900.png]: https://img-blog.csdnimg.cn/20191217164519900.png?
[20191217164616217.png]: https://img-blog.csdnimg.cn/20191217164616217.png
[20191217164809507.png]: https://img-blog.csdnimg.cn/20191217164809507.png

发表评论取消回复

表情：

评论列表（有 0 条评论，5人围观）

还没有评论，来说两句吧...

相关阅读

相关文本输入框＜input＞

(1)创建文本输入框文本输入框是获取用户输入的一种方便的方法。 `<input>` 标签规定用户可输入数据的输入字段。根据不同的 type 属性，输入字段有多种

小咪咪/ 2024年03月29日 15:46/ 0 赞/ 117 阅读

相关 input框输入的文本类型都是字符串类型

input框输入的文本类型都是字符串类型 ![在这里插入图片描述][2019121716324532.png] !\[在这里插入图片描述\](https://img-b

系统管理员/ 2023年06月23日 05:00/ 0 赞/ 6 阅读

相关 input 类型为密码时如何防止输入框自动填充

项目中需要用户输入一些隐秘信息，使用input的密码类型后发现总是会自动填充浏览器保存的账户信息，所以需要对此做处理，查了一下后说input的autocomplete属性设置为

雨点打透心脏的1/2处/ 2022年09月08日 13:55/ 0 赞/ 275 阅读

相关输入框input

input输入框在ie下高度显示不正常，并且里面的文字内容不居中显示解决方法：可以具体看百度首页这里简单说下： <span> <i

深藏阁楼爱情的钟/ 2022年07月16日 01:47/ 0 赞/ 333 阅读

相关使用正则表达式控制input框输入类型

1，只能输入英文和数字 <input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')

喜欢ヅ旅行/ 2022年06月11日 09:43/ 0 赞/ 198 阅读

相关 input文本输入框的文字居中处理

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

曾经终败给现在/ 2022年06月09日 03:09/ 0 赞/ 691 阅读

相关 input框的23种类型

input框的类型到底有多少种呢？零零总总算起来有23种。 ▍总述常用的并且能为大多数浏览器所识别的类型大概有：text、password、number、butto

左手的ㄟ右手/ 2022年05月22日 12:17/ 0 赞/ 287 阅读

相关 input输入框是number类型的时候去掉小箭头

<input type="number"> <style> input::-webkit-outer-spin-button,

短命女/ 2022年03月25日 03:42/ 0 赞/ 307 阅读

相关文本输入框input text输入字母自动转大写

现在需要把一个input输入框内的字母自动转变为大写。查了下资料，目前收集到的方法有两种： 1. 使用JavaScript，在input标签添加onkeyup方

阳光穿透心脏的1/2处/ 2022年01月06日 15:01/ 0 赞/ 396 阅读

相关类型为number的input框如何输入小数

当text=”number”时，input框有个设置步长的属性step,通过设置这个属性，我们可以让input框支持小数，同时，还能限定小数的长度

灰太狼/ 2021年01月21日 02:00/ 0 赞/ 1600 阅读