Java Web简明教程–网页篇[4]–表单

简介: Java Web简明教程–网页篇[4]–表单

点此查看全部文字教程、视频教程、源代码


之前所讲的html标签,都是些用来显示的,而网页是可以交互的,可以接受用户的输入,比如输入用户名、密码。所谓表单,就是html提供给用户输入的部分,html通过表单把用户输入提交给服务器。

表单标签为 ,其中##代表服务器地址,这个需要接触到Servlet再讲。标签中间部分放用户输入的内容。

一般用户输入无非有以下这些:

<form action="">
<input type="text" value="这是一个文本输入框"></input>
<br/>
<input type="radio" name="group1" value="单选1">这是一个单选按钮,选我</input>
<input type="radio" name="group1" value="单选2">这是另一个单选按钮,选我</input><br/>
<input type="submit" value="这是提交按钮,点了之后表单内容就提交给服务器了"/>
<input type="button" value="这是一个按钮"></input>
<input type="checkbox" value="复选框1">这是一个复选框</input>
</form>

在这里,还是要一一说明下,有一些细节还是要留意滴。

在x4这样一个标准格式中,

有x1、x2、x3、x4四个位置,x1最好理解,表示输入标签的类型,比如text是文本框,radio是单选按钮;x2表示标签的名字,服务器靠x2的内容来知道哪个标签是谁。x3和x4要重点区分!以性别男为例,“男”是value值,“性别男”是用户看到的值,value值是网页编写者根据"sex"这个标签名称拿到的标签的值,这两个完全可以一样,但是不一样有不一样的好处,最终到了服务器那一边,只需要存储男就行了,存“性别男”的话,不够简洁。唠唠叨叨这么多,其实真正的意思是,一个是给用户看的x4,一个是程序员要用的x3。


刚刚x3、x4位置的区别,猫哥本人到现在也经常区分不开,不过完全没什么妨碍。很多语言例如html、java、js等等,完全可以在写的时候去试,不要死记硬背,试几次,就记住了。去用就是最好的理解编码的方式。


最后,还有一个重量级的交互标签,那就是下拉列表,给个例子先:

<form action="">
<select name="province">
<option value="山东">山东省</option>
<option value="山西">山西省</option>
<option value="湖北">湖北省</option>
<option value="湖南">湖南省</option>
</select>
</form>

这个太容易是列表标签,然后它里面每个是一个选项,value是选项的值,山东省那个位置是选项的显示内容。OVER,表单掌握这些,可以了。

相关文章
|
2天前
|
自然语言处理 前端开发 Java
Servlet与JSP:Java Web开发的基石技术详解
【6月更文挑战第23天】Java Web的Servlet与JSP是动态网页的核心。Servlet是服务器端的Java应用,处理HTTP请求并响应;JSP则是结合HTML与Java代码的页面,用于动态内容生成。Servlet通过生命周期方法如`init()`、`service()`和`destroy()`工作,而JSP在执行时编译成Servlet。两者在MVC架构中分工,Servlet处理逻辑,JSP展示数据。尽管有Spring MVC等框架,Servlet和JSP仍是理解Web开发基础的关键。
|
2天前
|
存储 Java 关系型数据库
基于Servlet和JSP的Java Web应用开发指南
【6月更文挑战第23天】构建Java Web应用,Servlet与JSP携手打造在线图书管理系统,涵盖需求分析、设计、编码到测试。通过实例展示了Servlet如何处理用户登录(如`LoginServlet`),JSP负责页面展示(如`login.jsp`和`bookList.jsp`)。应用基于MySQL数据库,包含用户和图书表。登录失败显示错误信息,成功后展示图书列表。部署到Tomcat服务器测试功能。此基础教程为深入Java Web开发奠定了基础。
|
2天前
|
Java 测试技术 Python
《手把手教你》系列基础篇(八十一)-java+ selenium自动化测试-框架设计基础-TestNG如何暂停执行一些case(详解教程)
【6月更文挑战第22天】本文介绍了如何在TestNG中不执行特定测试用例。当部分模块未准备好时,可以通过以下方式暂停测试:③使用`@Test(enabled=false)`注解来禁用测试用例。作者提供了一个Java Selenium自动化测试的示例,展示如何通过修改`enabled`参数控制测试方法的执行。代码中,`testSearch2()`方法被禁用,因此在测试运行时不执行。文章还包含了测试报告和执行过程的截图。
33 7
|
2天前
|
缓存 负载均衡 安全
Servlet与JSP在Java Web应用中的性能调优策略
【6月更文挑战第23天】在Java Web中,Servlet和JSP调优至关重要,以应对高并发和复杂业务带来的性能挑战。优化包括Servlet复用、线程安全、数据库连接池,以及JSP的编译优化、使用JSTL、页面缓存和静态内容分离。全局优化涉及负载均衡、异步处理和缓存策略。通过这些实践,开发者能提升应用响应速度和吞吐量,确保高负载下的稳定运行。
|
2天前
|
搜索推荐 Java 数据库连接
探索Java Web开发:Servlet与JSP的协同工作原理
【6月更文挑战第23天】Java Web开发中,Servlet和JSP协同打造动态网站。Servlet是服务器端的Java程序,处理HTTP请求并执行复杂逻辑;JSP则结合HTML和Java,生成动态内容。Servlet通过`doGet()`等方法响应请求,JSP在首次请求时编译成Servlet。两者常搭配使用,Servlet处理业务,JSP专注展示,通过`RequestDispatcher`转发实现数据渲染。这种组合是Java Web应用的基础,即使新技术涌现,其价值仍然重要,为开发者提供了强大的工具集。
|
1天前
|
XML Java 测试技术
《手把手教你》系列基础篇(八十二)-java+ selenium自动化测试-框架设计基础-TestNG测试报告-上篇(详解教程)
【6月更文挑战第23天】TestNG 是一个用于自动化测试的 Java 框架,它自动生成测试报告,包括 HTML 和 XML 格式。报告可在 `test-output` 文件夹中找到。要创建测试用例,可创建一个实现了 `@Test` 注解的方法。通过 `testng.xml` 配置文件来组织和执行测试。默认报告包括测试结果、失败点和原因。用户还能实现 `ITestListener` 和 `IReporter` 接口来自定义报告和记录器。
18 2
|
1天前
|
缓存 前端开发 UED
Web网页端IM产品RainbowChat-Web的v7.0版已发布
RainbowChat-Web是一套Web网页端IM系统,是RainbowChat的姊妹系统(RainbowChat是一套基于开源IM聊天框架 MobileIMSDK (Github地址) 的产品级移动端IM系统)。
10 1
|
15小时前
|
Java
win下载安装不同java版本教程
win下载安装不同java版本教程
4 0
|
2天前
|
前端开发 JavaScript API
探索现代Web开发中的动态数据交互——前端与后端整合实战
本文探讨了现代Web开发中前端与后端整合的关键技术点,通过实际案例演示了如何利用JavaScript和Node.js实现动态数据交互,全面解析从数据请求到响应的全过程。
|
2天前
|
安全 编译器 PHP
探索PHP 8的新特性及其对现代Web开发的影响
【6月更文挑战第22天】随着PHP 8的发布,这一广泛使用的服务器端脚本语言迎来了重大升级。本文将深入探讨PHP 8引入的关键新特性,包括JIT编译器、联合类型、命名参数、匹配表达式以及错误处理和异常改进等。这些新特性不仅提升了性能,还增强了类型系统和语言的表达能力,为现代Web开发带来了新的机遇和挑战。我们将分析这些变化如何影响编码实践,优化策略,并讨论开发者如何适应这些变革以构建更快、更安全、更易于维护的应用程序。