[/align][align=center]
<%@ 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][align=center]
[align=left][/align]
分享到：
相关推荐
在IT界，尤其是在网页设计和开发领域，"文本框、单选框、复选框和下拉框"是构建用户界面（UI）时不可或缺的基本元素。这些组件是用户与应用程序或网站交互的主要方式，用于输入数据、做出选择或执行特定操作。让我们...
在Android应用开发中，用户界面的设计至关重要，其中单选框（RadioButtons）、复选框（CheckBoxes）和下拉框（Spinner）是常见的交互元素，它们用于收集用户的选择信息或控制用户界面的状态。本教程将深入讲解这三种...
在网页开发中，"jsp/html 实现下拉复选框" 是一个常见的需求，它能够为用户提供更加便捷的多选项选择方式。下拉复选框通常由HTML的`<select>`元素与`<option>`子元素配合使用，而为了实现更丰富的交互效果，我们可能...
下拉框和文本框组合共用拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用...
"带复选框的下拉框"是一种常见的控件，它结合了下拉列表和复选框的功能，允许用户在多个选项中进行多选操作。在本案例中，我们讨论的是一个适用于Ext JS框架的特定实现，它已经针对不同版本进行了优化，解决了从3.2...
标题“clistctrl的修改~增加了文本框下拉框”暗示了这个项目或教程可能涉及如何在CListCtrl的一项中集成文本框和下拉框，使得用户能够输入文本并从预设选项中选择。 在Windows编程中，这种功能通常通过组合控件...
在QT编程中，下拉框（QComboBox）和复选框（QCheckBox）是两种常见的用户界面元素。它们各自有着不同的功能，但在某些场景下，将两者结合使用可以提供更丰富的用户交互体验。本篇文章将深入探讨如何在QT中实现下拉框...
【jsp+js带单选复选框的动态树】是一个基于Java Server Pages（JSP）和JavaScript技术实现的交互式树形结构，通常用于展示层级关系的数据，如组织架构、文件目录等。在这个应用场景中，用户可以进行选择操作，通过...
本篇文章将详细讲解如何使用jQuery来绑定单选框（radio buttons）、复选框（checkboxes）和下拉框（dropdowns），以便在网页中实现动态交互和数据验证。 首先，让我们了解这三种元素的基本概念： 1. **单选框...
下拉框、树、单选框和复选框等控件的使用，是GUI设计中常见的元素，它们能够使用户以直观的方式进行操作。 1. 下拉框（ComboBox）：下拉框常用于选项有限且需要快速选择的场景，例如题型分类或者难度等级选择。在...
Flash版网页表单元素（文本框、单选框、滚动条等），内含源文件，还包括有日历，Select下拉框、浮动窗口、树形菜单等元素组件，已经做也了现成的，用起来十分方便，用于在Flash中实现上述元素的外观和功能。
首先： 引入需要的css和js <link rel="stylesheet" href="${ctx}/adminthemes/version3/plugins/layui/css/layui.css" rel="external nofollow" /> [removed][removed] layui.use('form',function){ ...
在特定的开发场景中，我们可能需要增强QTableView的功能，例如为表格中的每一行添加复选框或者下拉框控件，以提供更多的交互方式。这个过程涉及到Qt的自定义 delegate（委托）机制以及信号与槽的连接。 首先，我们...
在Qt编程中，单选框（QRadioButton）和复选框（QCheckBox）是两种常见的用户界面元素，用于实现用户的选择交互。它们是Qt Widgets模块的一部分，广泛应用于各种图形用户界面应用中。本教程将深入讲解Qt中的单选框与...
我们需要覆盖这个方法，使得在弹出下拉列表时，列表中的每个项目都带有复选框，并且这些复选框的状态与模型中的状态同步。 5. **处理用户交互**： 当用户在下拉列表中点击一个复选框时，我们需要捕获这个事件，并...
本文主要讲解了如何在木头浏览器中实现对网页下拉列表、单选框和复选框的自动填写。 首先，针对网页下拉列表的自动填写，有四种实现方法。第一种方法是通过设置`value`属性，例如，若要选择“河南省”，找到其对应...
一个js的方法，调用该js可实现下拉复选框。 /**//** * Creat date 2011-11-10 * Creat by zhuoyueping *支持input表单的下拉复选框。 *使用方法： * (1)调用js函数：setSelectBox(textItem, myArray); *...
在JSP中，使用`<c:forEach>`标签遍历数据并渲染到页面上。 ```jsp ${yourDataList}" var="item"> <!-- 显示数据项 --> ``` 5. **链接和样式**：为了提供导航，确保在JSP页面上添加上一页和下一页的链接。还可以...
在网页设计和开发中，"下拉框和文本框组合共用-可以输入的下拉框"是一个常见的交互元素，它结合了下拉选择框（Dropdown）和输入文本框（Input Text）的功能，以提供更灵活、用户友好的界面。这种设计通常用于场景，...
对于复选框和单选按钮，`niceforms.js`提供了扁平化设计，通过改变选中状态的图形和颜色，使其在页面上更加突出。 在实际应用中，`niceforms.js`的使用非常简单。只需在HTML文件中引入`niceforms.js`的脚本，并在...