Web前端html的input框有value值,但是不显示

本文描述了一个关于Web前端HTML中input框虽有value值却不显示的问题及解决过程。问题出现在修改他人模板时,原因是JS代码将输入框值设为空。解决方法为查找并修改相关JS代码。
部署运行你感兴趣的模型镜像

Web前端html的input框有value值,但是不显示

今天遇到一个令人头疼的问题,就是input框有value值,但它显示placeholder的值,删了placeholder,输入框直接空了。如下图:

在这里插入图片描述
我的jsp页面代码:

<c:choose>
	<c:when test="${weicaiOnlineResume.experienceName ne null}">
        <input type="text"  name="companyName" value="${weicaiOnlineResume.experienceName}" placeholder="公司名称" class="companyName">
    </c:when>
    <c:otherwise>
        <input type="text" placeholder="公司名称" name="companyName" class="companyName">
    </c:otherwise>
</c:choose>
这是修改别人的模板就会造成很多令人费解的问题,这问题自己找半天,百度一下解决了问题,就是因为js直接把这个输入框赋值为空,页面显示出来了,但是值被js给解决了
解决方法:找到对应的js,ctrl+f搜索val(""),看看哪个js代码逻辑把这个输入框赋值为空了,删了它或者根据情况修改下就ok了。

您可能感兴趣的与本文相关的镜像

ACE-Step

ACE-Step

音乐合成
ACE-Step

ACE-Step是由中国团队阶跃星辰(StepFun)与ACE Studio联手打造的开源音乐生成模型。 它拥有3.5B参数量,支持快速高质量生成、强可控性和易于拓展的特点。 最厉害的是,它可以生成多种语言的歌曲,包括但不限于中文、英文、日文等19种语言

提供的引用内容未提及使用servlet改变htmlinput标签value的方法,但可以从原理上说明该操作。通常,要使用servlet改变htmlinput标签的value,可通过以下步骤实现: ### 前端页面 在HTML文件中创建表单,设置表单的提交地址为servlet的映射路径,且input标签要有对应的`name`属性。示例如下: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Change Input Value</title> </head> <body> <form action="yourServletPath" method="post"> <input type="text" name="inputField" id="inputField"> <input type="submit" value="Submit"> </form> </body> </html> ``` ### Servlet端 在servlet中接收请求,处理逻辑并设置新的,最后将新返回给前端。示例如下: ```java import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException; import java.io.PrintWriter; @WebServlet("/yourServletPath") public class YourServlet extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 设置响应内容类型 response.setContentType("text/html;charset=UTF-8"); PrintWriter out = response.getWriter(); // 获取表单数据 String inputValue = request.getParameter("inputField"); // 处理逻辑,这里简单地在原输入后添加一些内容 String newInputValue = inputValue + " - Modified by Servlet"; // 生成包含新HTML页面 out.println("<!DOCTYPE html>"); out.println("<html lang=\"en\">"); out.println("<head>"); out.println("<meta charset=\"UTF-8\">"); out.println("<title>Changed Input Value</title>"); out.println("</head>"); out.println("<body>"); out.println("<form action=\"yourServletPath\" method=\"post\">"); out.println("<input type=\"text\" name=\"inputField\" id=\"inputField\" value='" + newInputValue + "'>"); out.println("<input type=\"submit\" value=\"Submit\">"); out.println("</form>"); out.println("</body>"); out.println("</html>"); } } ``` ### 解释 - 前端页面创建了一个包含input标签和提交按钮的表单,表单提交到servlet。 - Servlet接收表单数据,进行处理后生成一个新的HTML页面,在新页面中input标签的`value`属性被设置为处理后的新
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值