JSP教程:理解<input>标记与JSP语法

需积分: 0 186 下载量 42 浏览量 更新于2024-08-18 收藏 2MB PPT 举报
"JSP技术是JavaServerPages的缩写,是一种用于创建动态网页的服务器端技术。它结合了HTML和Java代码,使得开发者能够在网页中嵌入Java代码,实现动态内容的生成。JSP的核心特点是将表现层(HTML)和业务逻辑(Java代码)分离,提高了开发效率和代码的可维护性。 在JSP中,`<input>`标记是用于创建HTML表单的重要元素,允许用户在网页上输入数据。以下是对`<input>`标记的详细解释: 1. **type**:此属性定义了输入框的类型,常见的类型有`text`(文本输入)、`password`(密码输入)、`radio`(单选按钮)、`checkbox`(复选框)、`submit`(提交按钮)、`reset`(重置按钮)等。 2. **name**:每个输入元素都需要一个唯一的名字,以便在处理表单数据时能够识别不同的输入字段。 3. **id**:标识符,用于通过JavaScript或CSS选择和操作特定的HTML元素,必须在页面内是唯一的。 4. **maxlength**:设置输入域最多可以输入的字符数,超过这个限制,用户不能再输入。 5. **size**:定义输入域的宽度,通常以字符数来衡量。 6. **value**:设置输入域的初始值,即用户在页面加载时看到的默认文本。 7. **button**:虽然不是`<input>`标记的一个直接属性,但在描述中提到的`<input type="button">`,是指创建一个自定义的按钮,可以通过JavaScript添加点击事件,实现特定的功能。 JSP语法包括以下几个方面: - **概述**:JSP文件本质上是HTML文件,但可以插入JSP指令、脚本元素和动作元素。JSP文件被服务器转换成Java Servlet,然后编译成字节码执行。 - **基本语法**:JSP中可以使用`<% %>`和`<%= %>`等符号插入Java代码。`<% %>`用于执行Java代码块,而`<%= %>`则用于输出变量的值到页面。 - **JSP文件结构**:典型的JSP文件包含HTML头部信息、导入所需的Java包(如`<%@page import="java.util.*"%>`),以及JSP代码段。 - **JSP执行过程**:当客户端请求一个JSP页面时,服务器首先解析JSP文件,生成对应的Servlet源码,然后编译成Servlet类,最后执行该Servlet来生成动态内容并发送回客户端。 - **内置对象**:JSP提供了一些内置对象,如`request`(用于获取HTTP请求参数)、`response`(用于构建HTTP响应)、`session`(用于会话跟踪)等,这些对象简化了服务器与客户端之间的交互。 - **HTML表单**:在JSP中,HTML表单元素如`<form>`、`<input>`等用于收集用户输入,这些数据可以通过`request.getParameter()`方法在服务器端获取。 - **JSP与客户机的交互**:JSP通过HTTP协议与客户端进行交互,用户在表单中填写数据并提交,服务器接收到请求后处理数据,再将结果返回给浏览器显示。 实践应用中,开发者可以利用JSP的强大功能,结合HTML、CSS、JavaScript和JavaBean来创建复杂的Web应用程序。通过合理利用JSP的特性,可以实现高效、灵活且易于维护的网页设计。

<title>医院住院管理系统</title> </head> <body>

药品发放

<form id="drugs_delivery">

<label>*住院号:</label>

<input results="s" type="search" readonly name="patientId" id="patientId" />

<label>*姓名:</label>

<input type="text" readonly name="patientName" id="patientName" />

<label>*药品编号:</label>

<input type="search" results="s" readonly name="drugId" id="drugsId" />

<label>数量:</label>

<input type="text" name="drugCount" id="num" onblur="checkdrugsnum()" /> <input type="hidden" name="num1" id="num1">

<label>*药品名称:</label>

<p cla
2023-03-25 上传

<view class="top-box"> <view>Hi</view> <view class="next-text">欢迎使用!</view> </view> <view class="center-box"> <view class="nav"> <view class="left {{current==1?'select':''}}" bindtap="click" data-code="1"> <text>登录</text> </view> <view class="right {{current==0?'select':''}}" bindtap="click" > <text>注册</text> </view> </view> <view class="input-box" hidden="{{current==0}}"> <view class="wei-input"> <icon type="waiting" color="#44ADFB" size="16"></icon> <input class="input" auto-focus placeholder="请输入手机号/登录名"/> </view> <view class="wei-input"> <icon type="success" color="#44ADFB" size="16"></icon> <input class="input" auto-focus placeholder="请输入登录密码"/> </view> <view class="forget"> <text>忘记密码?</text> </view> </view> <view class="input-box" hidden="{{current==1}}"> <view class="wei-input"> <icon type="waiting" color="#44ADFB" size="16"></icon> <input class="input" auto-focus placeholder="请输入手机号"/> </view> <view class="wei-input"> <icon type="waiting" color="#44ADFB" size="16"></icon> <input class="input" auto-focus placeholder="请输入6位验证码"/> <text class="input-code" bindtap="getCode">{{codeText}}</text> </view> <view class="wei-input"> <icon type="success" color="#44ADFB" size="16"></icon> <input class="input" auto-focus placeholder="请输入密码"/> </view> <view class="wei-input"> <icon type="success" color="#44ADFB" size="16"></icon> <input class="input" auto-focus placeholder="请确认密码"/> </view> </view> <view class="sumbit-btn"> <button class="button" style="background-color: #33ccff;font-size: 30rpx;" type="primary">立即{{current==1?'登录':'注册'}}</button> </view> </view> <view class="shadow shadow-1"></view><view class="shadow shadow-2"></view> 这段代码怎么实现注册页面和登陆页面的切换,如果不能,给出解决代码

2023-05-24 上传
2023-07-15 上传