jsp页面中文本框，下拉框，单选框，复选框，文本域的清空

最新推荐文章于 2021-02-28 09:14:58 发布
原创 最新推荐文章于 2021-02-28 09:14:58 发布 · 1.6k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#JSP #企业应用 #Java #PHP #HTML

本文通过一个具体的网页示例介绍了缓存技术的应用方法。页面使用了JSP技术，并设置了HTTP缓存控制策略来提高用户体验。此外，还展示了如何通过表单收集用户信息，包括姓名、性别等，并提供了提交及重置功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

[align=left][/align][align=center][/align]<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>缓存技术的应用</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->

<script type="text/javascript">

//清空查询条件
function clearForm(){

document.getElementById('name').value="";
document.getElementById('sex').value="";
document.getElementById('textfield').value="";

//清空单选和复选框
var checked = checked || false;
var objects = document.getElementsByTagName("input"); //拿到input的值
for(var i=0;i<objects.length;i++){
if(objects[i].type=='radio' || objects[i].type=='checkbox'){ //判断类型
if(checked==true)
objects[i].checked="checked";
else
objects[i].checked="";
}
}


}
</script>

</head>

<body>
<center>
<form action="" name="fm" method="post">
<table border="1">
<tr>
<td colspan="2" align="center">缓存的应用</td>
</tr>
<tr>
<td>
姓名：</td>
<td>
<input name="name" type="text" value=""/>
</td>
</tr>
<tr>
<td>性别：</td>
<td>
<select name="sex">
<option value="">请选择</option>
<option value="男">男</option>
<option value="女">女</option>
</select></td>
</tr>
<tr>
<td>
单位类型：
</td>
<td>
 <input type="radio" value="1" name="unittype"/>管理部门
 <input type="radio" value="2" name="unittype"/>普通企业
</td>
</tr>
<tr>
<td>常用语言:</td>
<td>
 
<input type="checkbox" name="name2">java
<input type="checkbox" name="name2">php
<input type="checkbox" name="name2">c++<br>

</td>
</tr>
<tr>
<td>
兴趣爱好：
</td>
<td>
<textarea name="textfield" id="textfield"></textarea>

</td>
</tr>
<tr>
<td align="center" colspan="2">
<input type="submit" value="提交" />
<input type="button" value="重置" onclick="clearForm();" />
</td>
</tr>
</table>
</form>
</center>
</body>
</html>
[align=center][/align][align=center][/align][align=left][/align]
xiaoyaolong520
关注
vue的重点5:用v-model获取文本框、单选框、复选框、下拉框、文本域的值
小黄呀呀呀的博客
10-12 911
用v-model获取文本框、单选框、复选框、下拉框、文本域的值 <div id="app"> <!-- ============================【v-model获取文本框的值】=================================== --> <input type="text" v-model="ipt"> <!-- ============================【v-model获取单选框的值】===
jsp/html 实现下拉复选框
02-21
包括相应的js，css文件，这些都是经过测试的。是没有问题的
python ggplot画等值线图_传说中的画图神器Plotnine，Python中的ggplot2
weixin_39850920的博客
12-10 388
R的忠实用户知道，ggplot2可以使您在处理探索性数据分析和数据可视化时更加简单。它使得创建优雅而强大的情节变得如此容易，从而有助于解读数据中的潜在关系。那么Python用户是否也有类似的画图工具呢？这个问题的答案在Plotnine中。Plotnine的风格与R中的ggplot2有99%的相似之处，主要区别在于括号的使用，您将在下面的几个简短示例中看到。使用plotnine的一个最好的收获是，输...
Java复选框怎么取消打钩_jsp实现复选框默认选中，不可取消
weixin_33213911的博客
02-28 1302
在Web开发中，有时候需要显示一些复选框(checkbox)，表明这个地方是可以进行勾选操作的，但是有时候是只想告知用户"这个地方是可以进行勾选操作的"而不想让用户在此处勾选(比如在信息展示页面)，这时候就需要将复选框设置成只读的效果。提到只读，很容易想到使用readonly属性，但是对于复选框来说，这个属性和期望得到的效果是有差别的。原因在于readonly属性关联的是页面元素的value属性(...
jsp用下拉框代替文本框_用好Word中的它，工作效率提高，老板也喜欢
weixin_31585653的博客
12-25 157
——word2016系列教材“自动更正”办公自动化软件是微软给大家提供的一款系列办公工具，你感知到它们的自动化，智能化了吗？你知道它有什么用处吗，怎么用让它更智能，更能满足你的要求？今天飞云老师和你一起分享word智能化功能的妙用之自动更正功能。一、认识自动更正功能1.在“文件”选项卡中——单击“选项”命令——打开“Word选项”对话框，如图。2.在打开的 “Word选项”对话框中——单击“校对”...
JSP-列表多选框删除数据
AXibaaa的博客
01-07 1973
前台JSP的代码 Servlet应怎样读取多个ID来进行删除 数据库如何操作删除多组数据 此项目用的是C3p0数据源，采用MVC模式，实现步骤可以供大家参考。 前台数据呈现如图所示： 为了方便看到实现的功能，样式我删掉了。样式就是用了简单的Bootstrap &lt;div&gt; &lt;div&gt; &lt;input type="button" onclick="delCheck(...
文本框 单选框 复选框 下拉框
02-02
在IT界，尤其是在网页设计和开发领域，"文本框、单选框、复选框和下拉框"是构建用户界面（UI）时不可或缺的基本元素。这些组件是用户与应用程序或网站交互的主要方式，用于输入数据、做出选择或执行特定操作。让我们...
vue.js实现单选框、复选框和下拉框示例
10-19
在处理表单元素如单选框、复选框和下拉框时，Vue.js也提供了简洁高效的方法，尤其是通过其数据双向绑定的能力。在本篇中，我们将深入探讨如何使用Vue.js来实现这些常见的表单控件。 ### 单选框(Radio Buttons) 在...
JSP单选按钮验证、下拉框验证、复选框验证实现代码
10-30
标题：“JSP单选按钮验证、下拉框验证、复选框验证实现代码”涉及了在Java Server Pages（JSP）中对不同表单控件进行验证的编程实践。具体的知识点包括：单选按钮（radio button）验证、下拉框（dropdown）验证以及...
jsp通过勾选复选框实现批量删除
热门推荐
u014297473的博客
06-29 1万+
这是自己开发的时候碰到的问题，当时想实现可以通过勾选复选框删除从数据库中读取并以表格显示的数据，废话不说，先上效果图。 这个效果是可以勾选复选框然后点击删除实现批量删除。<table class="table table-hover"> <tr> <th width="50">选择</th> <th width="180">I
JSP+Ajax 添加、删除多选框
12-09
本例是采用JSP + Ajax + 文本来演示多选、全选，添加、删除、更新checkbox多选框的效果。 本例充分展现了利用JavaScript控制HTML DOM以及利用XML http 传递数据，利用JSP操作文本的效果。 1，JavaScript 用来控制页面内容的现实与增删效果;2，JSP作为后台，对文本进行读取、写入、更新等操作;3，文本格式是用来存储数据的，数据编码UTF-8;4, 本例子在win32,Red hat Linux 9下 jdk1.5,Tomcat 5.0,Apache 2.5下调试通过，同时兼容Firefox 1.0,Opera 8.0,IE6。 本例子的优点: 1
java 删除复选框内容_如何删除JSP页面表格中与被选中的复选框在同一行的一行数据？...
weixin_35492662的博客
02-26 341
.ln==line)document.ecform.edit.value=1}function newHospitalVisit(){newRow=PLList.insertRow(PLList.rows.length);newRow.id="tdt";newRow.ln=allCount;newRow.bgColor="#e0e0e0";newRow.className="tableData";...
基于jsp和servlet，通过复选框实现批量删除的功能
zifengye520的专栏
07-01 6894
第一次写博客，有点小激动啊。。。在gong
jsp实现复选框默认选中，不可取消
漫天随飞雪的博客
08-19 1009
//readonly还是disabled <input type="checkbox" name="optiona" disabled="disabled" /> 最后我们 使用 最理想化 <input type="checkbox" name="chkAllowed" onclick="return false;" checked="checked" />
jsp---------------------复选框，全选按钮
weixin_30624825的博客
04-07 244
js部分：注意：<script type="text/javascript" ></script>内不能有其他内容，否则会无效，若有则另起一对<script type="text/javascript" ></script> <script type="text/javascript" > function demo() { va...
html，删除复选框选中的内容
i_yjn的博客
06-21 1万+
首先是选中复选框，可以自己单击一个个的选，这个就不用多说了吧！也可以批量操作，如全选，主要是设置复选框的.checked值。
java复选框批量删除_如何用javascript控制checkbox，并进行批量删除
weixin_31787547的博客
02-13 292
在做系统数据删除的时候，往往需要批量删除一些数据，如何做到呢？下面是一个小例子：有以下表单：里面有几个checkbox，如何当点击第一个checkbox而同时选择所有的checkbox呢？可以用后面的script方法：function checkAll() {for (var i = 0; i < document.getElementsByName("selectFlag").length...
JSP:对已选中的商品进行删除（批量删除）
莺时廿七的博客
10-20 1518
对部分选中的商品进行删除 前端jsp <input type="checkbox" name="ids" class="small_checkbox" value="<%=rsCart.getString("cart_id")%>"/> <button onclick="delectpart()">删除选中的药品</button> jquery代码： <script> //8.多选 部分选中商品 function delectpart() {
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值