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,表单掌握这些,可以了。

相关文章
|
26天前
|
Java 开发者 微服务
Spring Boot 入门:简化 Java Web 开发的强大工具
Spring Boot 是一个开源的 Java 基础框架,用于创建独立、生产级别的基于Spring框架的应用程序。它旨在简化Spring应用的初始搭建以及开发过程。
48 6
Spring Boot 入门:简化 Java Web 开发的强大工具
|
1月前
|
Java Maven Spring
Java Web 应用中,资源文件的位置和加载方式
在Java Web应用中,资源文件如配置文件、静态文件等通常放置在特定目录下,如WEB-INF或classes。通过类加载器或Servlet上下文路径可实现资源的加载与访问。正确管理资源位置与加载方式对应用的稳定性和可维护性至关重要。
59 6
|
1月前
|
存储 安全 搜索推荐
理解Session和Cookie:Java Web开发中的用户状态管理
理解Session和Cookie:Java Web开发中的用户状态管理
74 4
|
1月前
|
Java 持续交付 项目管理
使用Maven进行项目管理:提高Java Web开发的效率
Maven 是一款强大的项目管理和构建自动化工具,广泛应用于Java社区。它通过依赖管理、构建生命周期管理、插件机制和多模块项目支持等功能,简化了项目的构建过程,提高了开发效率。本文将介绍Maven的核心功能及其在Java Web开发中的应用。
67 0
WK
|
1月前
|
安全 Java 编译器
C++和Java哪个更适合开发web网站
在Web开发领域,C++和Java各具优势。C++以其高性能、低级控制和跨平台性著称,适用于需要高吞吐量和低延迟的场景,如实时交易系统和在线游戏服务器。Java则凭借其跨平台性、丰富的生态系统和强大的安全性,广泛应用于企业级Web开发,如企业管理系统和电子商务平台。选择时需根据项目需求和技术储备综合考虑。
WK
109 0
|
2月前
|
前端开发 Java API
JAVA Web 服务及底层框架原理
【10月更文挑战第1天】Java Web 服务是基于 Java 编程语言用于开发分布式网络应用程序的一种技术。它通常运行在 Web 服务器上,并通过 HTTP 协议与客户端进行通信。
44 1
|
3月前
|
前端开发 数据安全/隐私保护
【前端web入门第二天】03 表单-下拉菜单 文本域 label标签 按钮 【附注册信息综合案例】
本文档详细介绍了HTML表单的多种元素及其用法,包括下拉菜单(`&lt;select&gt;` 和 `&lt;option&gt;`)、文本域(`&lt;textarea&gt;`)、标签解释(`&lt;label&gt;`)、各类按钮(`&lt;button&gt;`)及表单重置功能、无语义布局标签(`&lt;div&gt;` 和 `&lt;span&gt;`)以及字符实体的应用。此外,还提供了一个完整的注册信息表单案例,涵盖个人信息、教育经历和工作经历等部分,展示了如何综合运用上述元素构建实用的表单。
【前端web入门第二天】03 表单-下拉菜单 文本域 label标签 按钮 【附注册信息综合案例】
|
3月前
|
前端开发 数据安全/隐私保护
【前端web入门第二天】02 表单-input标签-单选框-多选框
本文介绍了HTML中`&lt;input&gt;`标签的基本使用方法及其应用场景,如登录、注册页面和搜索区域。通过设置`type`属性,可以实现文本框、密码框、单选框、多选框及文件上传等功能。此外,还详细说明了占位文本的使用、单选框的常用属性及多选框的默认选中状态,并提供了示例代码与效果展示。
|
安全 Java 程序员
4月7日云栖精选夜读:给 Java 学习者的超全教程整理
作为Java程序员的我们,应该不仅对这门语言有所了解,而且我们在平常编程时也需要使用众多的库。比如小编知道的,如果要学习Java Web的话,SSH(Spring, Struts和Hibernate)肯定得会吧,或者至少了解基本的原理吧。
2769 0
|
2天前
|
Java
Java—多线程实现生产消费者
本文介绍了多线程实现生产消费者模式的三个版本。Version1包含四个类:`Producer`(生产者)、`Consumer`(消费者)、`Resource`(公共资源)和`TestMain`(测试类)。通过`synchronized`和`wait/notify`机制控制线程同步,但存在多个生产者或消费者时可能出现多次生产和消费的问题。 Version2将`if`改为`while`,解决了多次生产和消费的问题,但仍可能因`notify()`随机唤醒线程而导致死锁。因此,引入了`notifyAll()`来唤醒所有等待线程,但这会带来性能问题。
Java—多线程实现生产消费者