关于html表单无法提交，页面上方只显示？的问题

最新推荐文章于 2023-03-07 22:41:41 发布
最新推荐文章于 2023-03-07 22:41:41 发布
阅读量345 收藏 1
点赞数 3
分类专栏： 新手常见问题 新手常见错误 小项目 文章标签： html5 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_63930592/article/details/127019621
版权

今天跟着视频做网页表单体交的时候，遇到页面上方没有显示的问题，网上很久才找到我要的答案

所以就写这个了

 有问题那看源代码吧（我感觉一时也看不出来...）

那就说问题出在哪吧

其实就是input标签里缺了name属性而已，加上就把问题解决了

别忘了ctrl s再 打开/刷新 网页，此时信息就能出来了！

 

 

Meteors.
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于HTML实现表单提交后不刷新页面
09-28
使用ajax实现表单提交无刷新页面在项目中经常会用到。前一段时间跟着师傅学到了另外几种无刷新提交表单的方法，主要是基于iframe框架实现的。现在小编整理特此分享脚本之家平台供大家参考
IDEA中HTML通过servlet3.0注解名提交表单到servlet类找不到页面的问题
08-18
主要介绍了IDEA中HTML通过servlet3.0注解名提交表单到servlet类找不到页面的问题,本文通过场景描述及问题解析，给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
vue 解决form表单提交但不跳转页面的问题
10-16
今天小编就为大家分享一篇vue 解决form表单提交但不跳转页面的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
html中表单提交的实现
09-22
表单提交是常见的一种操作，这篇文章主要介绍了html中表单提交的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
html表单中的提交无效,JS中的form.submit()不能提交表单的错误原因
weixin_34539644的博客
06-03 717
直接上代码把：会员注册请认真填写以下内容用户名：密码：确认密码： m01.gif验证码： 换一张表单数据提交到本页面，下面是js处理/*注册表单提交*/function formDeal(){var btnSubmit = document.getElementById('submit');var formId...
Tomcat+IDEA+Servlet能显示页面但提交form表单出现404问题
m0_62314761的博客
03-07 3392
当我们使用tomcat启动，然后输入对应的url路径时候，能出现该html的页面，但提交表单后，却出现了404的问题，这时候我就很疑惑了....然后开始慢慢分析。很容易我们就可以知道应该是URL的问题，因此我们可以先看自己URL请求路径有没有错误。而请求路径通常是要匹配我们的文件目录下的对应文件来到Deployment处，下面会有一个Application context的配置，这个的配置是会让访问路径加个前缀，比如说里面写了/aa，因此访问路径就要为，因此默认为“/”即可
IDEA创建Java web项目：网页显示正常，但是提交表单后显示404
EGYpt123的博客
06-25 3525
本人在学习java web以及servlet项目时，需要在idea上部署tomcat，并完成一个javaweb项目。项目需要从网页上获取用户输入的信息并在idea的控制台上进行输出。我真的是搞了很久，网页上能翻的都翻过了，最后的问题简单但又很不好找。在调试了很久后，出现的情况是出现的界面可以正常显示但是在输入数据并点击添加后，会显示404. ......
html返回值错误无法提交,form.submit()不能提交表单的错误原因及解决方法
weixin_33799059的博客
06-19 745
直接上代码把：会员注册请认真填写以下内容用户名：密码：确认密码：m01.gif验证码：换一张表单数据提交到本页面，下面是js处理/*注册表单提交*/function formDeal(){var btnSubmit = document.getElementById('submit');var formId = document.getElementById('registerForm');btn...
HTML中form表单提交出错
weixin_30538029的博客
08-14 838
1、浏览器Console输出的出错信息： 　　An invalid form control with name='content' is not focusable. 2、出错原因 　　form表单中textarea输入框没有输入数据。textarea输入框如下： <textarea name="content" cols="40" rows="10" class="kind-...
html submit 提交无效,[HTML] 表单提交与阻止表单提交
weixin_33724434的博客
06-03 1680
1. submit按钮按钮不在中不会提交表单。2. 按钮text相当于submit按钮，在中点击，会提交表单。3. 阻止submit默认事件submit按钮click事件中的e.preventDefault();会阻止submit按钮提交表单。document.querySelector('#button1').addEventListener('click',function(e){e.prev...
一直复略了的一个问题，关于表单重复提交
10-31
一直复略了的一个问题，关于表单重复提交
html5手机页面选择相册图片上传表单提交
05-18
html5手机页面选择相册图片上传表单提交html5手机页面选择相册图片上传表单提交
Form提交表单页面刷新不跳转
09-28
本文为大家介绍下使用Form提交表单后页面刷新不跳转的实现，感兴趣的朋友可以了解下
HTML5意见反馈提交表单页面模板特效代码
03-20
HTML5意见反馈提交表单页面模板支持文本编辑，图片上传预览，联系方式，账号非空检测，帮助中心等功能。
网页表单信息提交.html
08-04
HTML表单信息提交
form中el-table数据不显示_HTML FORM提交数据交互失败原因与解决方法
weixin_39518840的博客
11-29 1183
本篇及后续网页相关文章主要是针对开发过程中遇到的问题进行经验总结与分享。此次程序设计目标功能：根据form表单提交语言选项将当前Web界面设置成对应语言显示。一、问题描述在嵌入式设备中已放入对应语言翻译文件，切换Web语言设置选项，界面无法根据当前选择语言进行显示，切换时网页崩溃！二、失败原因由于是CGI程序，排查问题时考虑的较多，需逐一排除。一般问题产生可考虑以下几个原因：1、标签没闭...
HTML提交无效,验证HTML5。 ：提交后无效类
weixin_26985923的博客
06-03 106
旧问题，但是对于那些可能会觉得有用的人来说：我做了一个小脚本，它在试图提交时向表单中添加一个类，以便可以设置具有和不是ttempted以不同的方式提交：被试图提交将获得一类_submit-attemptedwindow.addEventListener('load', function() {/*** Adds a class `_submit-attempted` to a form when ...
表单数据提交后，数据库记录显示为问号的解决
cg_karo的博客
05-26 5226
最近用SSH2做一个javaweb项目，可是遇到了乱码问题。明明jsp页面、mysql、tomcat全部设置为utf-8编码方式。在提交表单到数据库后还是变成问号，经过几番研究，终于解决了问题。 解决方法如下：连接数据库的时候需要指定编码方式，如下所示： jdbc.driver = com.mysql.jdbc.Driver jdbc.url = jdbc:mysql:///shop?use
用css和html设置一个登录页面 要求有两列三行 其中描述文字在操作框的上方
最新发布
06-13
好的，我可以为您提供一个简单的登录页面的HTML和CSS代码。以下是代码示例： HTML代码： ```html <!DOCTYPE html> <html> <head> <title>Login Page</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="container"> <h2>Login</h2> <form> <div class="row"> <label for="username">Username:</label> <input type="text" id="username" name="username"> </div> <div class="row"> <label for="password">Password:</label> <input type="password" id="password" name="password"> </div> <div class="row"> <input type="submit" value="Login"> </div> </form> </div> </body> </html> ``` CSS代码： ```css .container { max-width: 600px; margin: 0 auto; padding: 20px; background-color: #f2f2f2; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.2); } h2 { text-align: center; margin-bottom: 20px; } form { display: flex; flex-wrap: wrap; justify-content: space-between; } .row { flex-basis: 100%; margin-bottom: 20px; } label { display: block; margin-bottom: 5px; font-weight: bold; } input[type="text"], input[type="password"] { padding: 10px; border-radius: 5px; border: none; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1); width: 100%; } input[type="submit"] { padding: 10px 20px; background-color: #007bff; color: #fff; border: none; border-radius: 5px; cursor: pointer; transition: all 0.3s ease-in-out; } input[type="submit"]:hover { background-color: #0062cc; } ``` 这个登录页面由一个包含标题、表单和三个行的容器组成。每一行包括一个标签和一个输入框。CSS代码设置容器的样式，包括最大宽度、边距、背景颜色、圆角和阴影。标题和表单的样式由H2和表单选择器设置。每一行使用flexbox布局，并使用flex-basis属性设置每一行的宽度为100%。标签和输入框的样式通过label和input选择器设置。提交按钮的样式由input[type="submit"]选择器设置，并使用:hover伪类设置鼠标悬停时的背景颜色。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值