本文介绍了一个简单的实习生请假系统的实现过程，使用HTML和JavaScript构建前端页面，通过文本输入框收集请假信息，包括姓名、请假时间及天数等，并提供日期选择器增强用户体验。
/*
author="Evangelion"
*/
//index.jsp(做一个录入到数据库的信息，原来是想做成select下拉菜单读取，但是总没找到如何实现，只能靠type=“input”来实现了)
<%@ page language="java" pageEncoding="utf-8"%>
<html>
<head>
<title>实习生请假</title>
<script type="text/javascript" src="js/doGetCitysAjax.js"></script>
<script language="javascript" type="text/javascript"
src="js/WdatePicker.js"></script>
<script language="JavaScript ">
</script>
</head>
<body>
<form action="action.jsp" method="post">
<table>
<tr>
<td>
请输入姓名:
<!-- <select name="selectName">
<option>
请选择
</option>
<option value="1">
王倩
</option>
<option value="2">
王
</option>
</select>-->
<input type="text" name="inputName"/>
</td>
</tr>
<tr>
<td>
请假时间:
<input name="selectTime" class="Wdate" type="text" onfocus="WdatePicker()" />
</td>
</tr>
<tr>
<td>
请假天数
<input name="selectDays" type="text" />
</td>
</tr>
<tr>
<td>
<textarea name="vacationText" rows="5" cols="35"></textarea>
</td>
</tr>
<tr>
<td>
<input type="submit" value="提交" />
</td>
<td>
<input type="reset" value="重置" />
</td>
<td>
<input type="button" value="请假记录"
onclick="window.location.href='record.jsp'" />
</td>
</tr>
</table>
</form>
<hr>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
