用户查找页面

<%@ page language="java" pageEncoding="GBK"%>

<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html:html lang="true">
  <head>
    <title>user_serach.jsp</title>
      <link href="../css/main.css" rel="stylesheet" type="text/css">
  </head>
<body>
 
<br><br><br>
<html:form action="/user/SearchUserAction.do" method="post">

<table align="center" width="600" border="0"  cellpadding="5" cellspacing="0" class="InputFrameMain">
   <div class="tabletitletext" > <bean:message key="user_search.title"/></div>
  
   <tr><td height="10"></td></tr>
   <tr>
    <td width="600" valign="top">
        <table width="400" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td height="10" width="150"><div align="right"><bean:message key="userActionForm.user_name"/>&nbsp;&nbsp;</div></td>
          <td align="left"><html:text property="user_name" /></td>
        </tr>
        <tr><td height="10"></td></tr>
        <tr>
          <td height="10"><div align="right"><bean:message key="userActionForm.user_dc"/>&nbsp;&nbsp;</div></td>
          <td align="left"><html:text property="user_dc"></html:text></td>
        </tr>
        <tr><td height="10"></td></tr>
        <tr>
          <td height="10"><div align="right"><bean:message key="userActionForm.user_bm"/>&nbsp;&nbsp;</div></td>
          <td align="left"> <html:select property="user_bm" style="width=110">
                            <html:optionsCollection name="user_bmOpts"/>
                            </html:select> </td>
        </tr>
        <tr><td height="10"></td></tr>
        <tr>
          <td height="10"><div align="right"><bean:message key="userActionForm.user_qx"/>&nbsp;&nbsp;</div></td>
          <td align="left"><html:text property="user_qx"></html:text></td>
        </tr>
        <tr><td height="10"></td></tr>
        </table>
     </td>
   </tr>
  
   <tr><td height="10"></td></tr>
   <tr>
     <td valign="top">
       <table width="260" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td width="130" height="21"> <div align="center"> <html:submit styleClass="button" property="submitIt"><bean:message key="button.submit"/></html:submit> </div></td>
          <td width="130"><div align="center"> <html:reset styleClass="button"><bean:message key="button.reset"/></html:reset> </div></td>
        </tr>
       </table>
     </td>
  </tr>
 
  <tr><td height="10"></td></tr>
</table>

</html:form>

</body>
</html:html>

要在HTML页面内实现查找功能,可以使用JavaScript。你可以使用JavaScript提供的`window.find()`方法来实现页面查找。下面是一个简单的示例: ```html <!DOCTYPE html> <html> <head> <title>页面查找</title> <script> function searchWithinPage() { var searchTerm = document.getElementById('searchTerm').value; if (searchTerm) { if (window.find && window.getSelection) { document.designMode = "on"; var sel = window.getSelection(); sel.collapse(document.body, 0); while (window.find(searchTerm)) { document.execCommand("HiliteColor", false, "yellow"); sel.collapseToEnd(); } document.designMode = "off"; } else if (document.body.createTextRange) { var textRange = document.body.createTextRange(); while (textRange.findText(searchTerm)) { textRange.execCommand("BackColor", false, "yellow"); textRange.collapse(false); } } } } </script> </head> <body> <h1>页面查找示例</h1> <input type="text" id="searchTerm" placeholder="输入要查找的内容"> <button onclick="searchWithinPage()">查找</button> <p>这是一个示例段落,用于演示页面查找功能。</p> <p>在这个段落中,你可以输入要查找的内容,并点击“查找”按钮来查找并高亮匹配的文本。</p> </body> </html> ``` 上面的示例代码中,我们使用了一个输入框和一个按钮,当用户输入要查找的内容并点击按钮时,会调用`searchWithinPage()`函数来执行查找操作。 在`searchWithinPage()`函数中,我们首先获取用户输入的查找词,然后使用`window.find()`方法进行查找。如果`window.find()`方法可用,我们将打开文档的设计模式,并通过循环遍历来查找并高亮匹配的文本。 如果`window.find()`方法不可用,我们将回退到使用`document.body.createTextRange()`和`findText()`方法来进行查找。 注意:这只是一个简单的示例,实际应用中可能需要更多的逻辑和样式来满足你的需求。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值