submit类型的input标签默认的value有时会捣乱

在移动端项目中遇到类型为submit的input标签显示默认值的问题,本文详细解释了为何会出现这种情况,并提供了解决方案。

接到一个移动端项目,设计稿中的按钮全部全部都是卡哇伊的样式,无法用简单的字体实现。所以考虑用背景图来实现。

html代码如下:


<input type="submit"/>


症状如下:




火狐浏览器会是“提交查询”字样。


html标签中并没有添加字样,为什么出现如此诡异的现象,瞬间不淡定了。


仔细查查资料,原来类型为submmit的input标签,会有一个默认的value,只需要将给input标签提加一个value=" " 属性即可。

提供的引用内容未提及使用servlet改变html中input标签value值的方法,但可以从原理上说明该操作。通常,要使用servlet改变html中input标签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`属性被设置为处理后的新值。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值