关于扩展内容的一点问题?

来源:2-13 【扩展】按钮控件的扩展

呜蜩的呀

2022-03-13 18:39:09

问题描述:

button添加了type属性就失去提交的功能是指就成为了一个摆设是吗?所以实际项目中不要用button:type=submit来设置提交按钮,因为会失去提交的功能?

button:type=button    这个是错误示范吗?

相关截图:

https://img.mukewang.com/climg/622dc53309ddaa4a00000000.jpg


问题描述:

input:type=button和input的这些不同属性的设置是可以在form表单外使用的是吗?

这里的不想利用form提交数据是指?

相关截图:

https://img.mukewang.com/climg/622dc5330998e49604660045.jpg


问题描述:

如果设置的form表单内,有数据没有填写完,该表单点击submit按钮也可以上传表单数据吗?还是会提示该表单数据未填写?

写回答

1回答

好帮手慕慕子

2022-03-14

同学你好,对于你的问题解答如下:

1、是的,添加type属性并设置值为button时,按钮不再具备默认的提交功能,可以理解为就是一个摆设

2、实际项目中要根据实际需求来决定怎么设置按钮,如果需要通过按钮直接提交表单数据,那么就要保留按钮默认提交功能,如果不用通过按钮直击提交表单数据,而是通过js来处理逻辑,那么就可以不用保留按钮的提交功能。具体情况具体分析,目前了解有这个属性即可

3、type=button 并不是错误示范,而是一个扩展知识

4、可以在form表单外使用,html展示效果是一样的,但是在form标签外使用,像按钮的默认提交功能是不会生效的,一般是推荐使用form标签包裹表单元素,让代码更加规范

5、不想利用form提交数据,指的是在js中处理逻辑,通过ajax提交数据,有关ajax相关知识,在后面阶段会有详细的讲解,到时候重点学习下

6、如果没有对表单元素进行限制,那么即使数据没有填写完成,点击submit按钮,也会提交数据,如果对表单元素进行了限制,那么就会有提示数据未填写。

实际开发中,更多的是通过正则来验证表单内容填写的是否正确,在js阶段会有详细的讲解,并结合案例练习,帮助同学更好的理解与应用

祝学习愉快~


0

0 学习 · 17877 问题

查看课程