当前位置: 首页 > article >正文

JavaWeb--小白笔记07-2:超链接以及servlet对表单数据的完整处理

一.超链接

Html使用标签<a></a>来设置超链接,<a>有一个属性href="" 必须加进去,里面就是链接地址

注意:链接里必须包含https://前缀

<a></a>里面可以是一个字,一个词或者一副图...点击这些内容可以跳转到herf里面的链接。

超链接的属性:在标签<a>中使用了herf属性来描述链接的字体

特点:

①一个未访问的链接在网页显示的是蓝色并带有下划线

②一个已经访问的链接在网页显示的是紫色并带有下划线

③点击时,不松开就是红色并带有下划线

接下来在Idea里创建一个html文件:test01.html 创建三个超链接

点击运行后,点击百度的在长按网易

二servlet对表单数据的完整处理

这是对上一篇进行的扩展案例:需要复习标签的意义可以回顾一下(传送门):http://t.csdnimg.cn/RnXny

以下是想达到的目标要求:

其实就是基于上一篇添加了性别,爱好,地址--下拉列表,以及文本框备注:

解析性别,爱好代码:

<input> 标签规定了用户可以在其中输入数据的输入字段,这里使用了介绍的是type属性的radio和checkbox ,以及input 的checked属性

type--radio:定义单选按钮

type--checkbox:定义复选框---可以多选

input-checked:布尔值,checked 属性适用于 <input type="checkbox"> 和 <input type="radio">。

对性别的代码解析:

在一行<tr>有一个单元格内容是:“性别:”另一个单元格是内容:女+单选框 这单选框的值就是女 这个单选框的名字就是 gender   ,男+单选框 这单选框的值就是男 这个单选框的名字就是 gender

对爱好的解析:

在一行<tr>有一个单元格内容是:“爱好:”另一个单元格是内容:打日本+复选框 这复选框的值就是打日本 这个单选框的名字就是 hobby 布尔值就是选择了就是有,没选择就没有   ,打篮球+复选框 这复选框的值就是打篮球 这个单选框的名字就是 hobby 布尔值就是选择了就是有,没选择就没有   ,踢足球+复选框 这复选框的值就是踢足球 这个单选框的名字就是 hobby 布尔值就是选择了就是有,没选择就没有   。

解析地址和备注:

这里的地址是使用了一个下拉列表

select :下拉列表

select--name:定义下拉列表的名称

option:定义下拉列表的中一个选项

option--value :定义送往服务器的选项值

备注的文本框:

textarea :定义一个多行文本输入框

textarea--name:文本区域的名称

textarea--rows:文本区域可见的行数

textarea--cols:文本区域内可见的宽度

对地址下拉列表的解读:

在这一行,一个单元表格内容是:"地址:",另一个单元表格的内容有一个下拉列表,名字是:address,下拉列表中的元素有:下拉表格中的第一个选项名字是“北京”+北京;下拉表格中的第二个选项名字是“四川”+四川;下拉表格中的第三个选项名字是“上海”+上海;下拉表格中的第四个选项名字是“贵州”+贵州

对备注的解读:

在这一行:一个表格单元的内容:“备注:”,另一个单元表格就是一个文本区域,文本区域的名字是“textareaContent”行数10,宽度30.

在结合上一篇的解读最终代码如下:

以下就是class文件的配置了,基于原本的代码进行添加:

原版:

结合性别,爱好,地址,备注后:

因为爱好是复选框,可能有多个元素,所以使用的是数组,那些绿色都是在那么里定义的名字,为了获取我们启动html打开网页输入的值的内容。

三.开始读取:

1.运行Html文件register.html 在打开的网页login界面

2.运行RegisterServlet

▲注意:要先在右上角选择Tomcat 9.0.94点击右边的运行案件

注意:在打印的数组的时候要是有Arrays的toString,不然打印的就是数组的内存。

在表格输入内容:thdll,030429,男,打日本,打篮球,四川省,我爱你123456,最后点击注册

点击注册后,就可以在IDEA看到打印在控制中心的内容了

以上就是具体的操作。感谢各位大佬的观看,求免费的赞和收藏关注!!!


http://www.kler.cn/news/317797.html

相关文章:

  • QT| QT配置CUDA
  • 9.23工作笔记
  • C++之STL—List 链表
  • 探索未来科技的无限可能:IT领域的深度剖析与趋势展望
  • Java实现零工市场数字化
  • 利士策分享,如何制定合理的工作时长:寻找生活与工作的平衡点
  • 【论文阅读】PolarNet: 3D Point Clouds for Language-Guided Robotic Manipulation
  • ES6 — Promise基础用法(resolve、reject、then、catch,all)
  • Java日期格式化注解@DateTimeFormat和@JsonFormat
  • (14)关于docker如何通过防火墙做策略限制
  • Python获取异常的具体信息
  • js计算倒计时
  • 鸿蒙OpenHarmony【小型系统内核(用户态启动)】子系统开发
  • 大数据Flink(一百二十):Flink SQL自定义函数(UDF)
  • 30. RabbitMQ消息丢失
  • Codigger SIDE:Nvim扩展,重新定义编程体验
  • 【代码随想录训练营第42期 Day59打卡 - 图论Part9 - Bellman-Ford算法
  • 思维链在论文写作中的应用:借助ChatGPT构建完整、清晰的论证
  • 计算机毕业设计 基于Python内蒙古旅游景点数据分析系统 Django+Vue 前后端分离 附源码 讲解 文档
  • Java 怎么调摄像头
  • UEFI EDK2框架学习 (一)
  • AtCoder Beginner Contest 372(C++实现)
  • 笔试题目 :状态检测11011011
  • JavaScript 可视化
  • 【软件文档】项目质量保证计划书(Word原件)
  • 【Kubernetes】常见面试题汇总(三十三)
  • 基于python flask的高血压疾病预测分析与可视化系统的设计与实现,使用随机森林、决策树、逻辑回归、xgboost等机器学习库预测
  • React——setState 新旧值复用问题
  • CSS的多种选择器
  • 牛客小白月赛101