web网页开发|玩转web表单网页快速开发(?建议收藏?)

一、前言
前面我们介绍了web网页的快速开发,这次我们讲点更深层次些的,看这面之前建议先看
上篇,之后在食用这篇。
二、正文部分
如图示:点击webapp上面的小三角形点到直到看到jsp位置
我们在创建好了之后这里会有jsp的空单子,我们在这输入的内容,会先反馈到前端,之后再进行
后端数据处理和接收。

web网页开发|玩转web表单网页快速开发(?建议收藏?)
文章图片

第一步:我们先在这输入一些东西如图:其中内容这是格式,说明中间的内容是
一个h1 大小的标题,h1--h6标题在逐渐减小,要慎用h1,因为h1比较大
web网页开发|玩转web表单网页快速开发(?建议收藏?)
文章图片

要先点击这个运行之后,我们要去百度搜索localhost:8080 我们来看看效果
web网页开发|玩转web表单网页快速开发(?建议收藏?)
文章图片
web网页开发|玩转web表单网页快速开发(?建议收藏?)
文章图片



感觉挺大的,所以我们一般用内容
第二步:我们输入以下圈起来的内容,是格式,"txt"表示后面是一个框web网页开发|玩转web表单网页快速开发(?建议收藏?)
文章图片

点击运行之后再到百度将刚才的内容刷新就可以得到新内容了如图:
web网页开发|玩转web表单网页快速开发(?建议收藏?)
文章图片

但是我们感觉这样在一行不太好看,所以我们只需要加个换行的
即可
web网页开发|玩转web表单网页快速开发(?建议收藏?)
文章图片

点击运行之后就可以在百度上刷新就可以得到了
web网页开发|玩转web表单网页快速开发(?建议收藏?)
文章图片

那我们来输入试试:
web网页开发|玩转web表单网页快速开发(?建议收藏?)
文章图片

我们发现,密码可以看到,没有任何加密,所以我们只需要把txt改成password即可
点击运行后 在百度刷新查看:web网页开发|玩转web表单网页快速开发(?建议收藏?)
文章图片

该成之后如图:
web网页开发|玩转web表单网页快速开发(?建议收藏?)
文章图片

就可以通过小眼睛标识来控制是否可见
web网页开发|玩转web表单网页快速开发(?建议收藏?)
文章图片


第三步:我们只需要加入name和id,其中,冒号下的表示一个类似标识符的东西,
name所对应的是在前段显示,而id是在后端传输数据的时候起作用web网页开发|玩转web表单网页快速开发(?建议收藏?)
文章图片

我们发现输完账号密码之后没法提交,这就需要设置一个按钮,如图,输入划线的部分
web网页开发|玩转web表单网页快速开发(?建议收藏?)
文章图片

是一种格式,submit是一个提交按钮
web网页开发|玩转web表单网页快速开发(?建议收藏?)
文章图片

但是你会发现,点了提交没反应,这时我们就要加入

将整个包起来
相当于一个问卷,有了问卷,就可以提交了。
web网页开发|玩转web表单网页快速开发(?建议收藏?)
文章图片


点击运行之后呢,就可以如图:
web网页开发|玩转web表单网页快速开发(?建议收藏?)
文章图片


点击提交后,会在网页上显示出来,这时name的作用就体现出来了。

第四步:既然这是段位提交,那显然少不了段位选择,本来应该是
但是如果手抖写成