[/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):下拉框常用于选项有限且需要快速选择的场景,例如题型分类或者难度等级选择。在...
首先: 引入需要的css和js <link rel="stylesheet" href="${ctx}/adminthemes/version3/plugins/layui/css/layui.css" rel="external nofollow" /> [removed][removed] layui.use('form',function){ ...
Flash版网页表单元素(文本框、单选框、滚动条等),内含源文件,还包括有日历,Select下拉框、浮动窗口、树形菜单等元素组件,已经做也了现成的,用起来十分方便,用于在Flash中实现上述元素的外观和功能。
在特定的开发场景中,我们可能需要增强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`的脚本,并在...