HTML的Form,Servlets

一、Form
1.form标记
HTML的Form用于创建动态网页,Form(表单)用于接收用户输入的信息并将信息传递给Java代码执行,从而显示出特定的网页。
在这里插入图片描述
form标记位于body标记中;
element attributes指的是form标记内的属性,其中form中两个属性(action,method)不可省:
在这里插入图片描述
action属性:指明处理form接收的数据的代码所在的位置。
method属性:确认http送数据到服务器的方式。值为post表示会改变服务器数据,值为get表示不会改变服务器数据。
2.form标记中的控件标记
(1)input标记(文本字段,复选框,单选框,提交按钮等)
在这里插入图片描述
type属性指定input的类型(文本字段,复选框,单选框,提交按钮等),name是input的标识符,value是input初始设置的值,接收用户输入的值后便变为用户输入的值。(form接收并传递给代码的数据是以“标记名-标记value属性值”的形式name-value pairs)
type值为text为文本字段:
在这里插入图片描述
type值为password为不显示value值的文本字段:
在这里插入图片描述

type值为checkbox为复选框(checkbox),既可以在一个页面选择多个:
在这里插入图片描述

type值为radio为单选框(radiobutton)
在这里插入图片描述
当多个type值为radio的input标记的name值相同时,说明这是一组单选框,只能选中一个:
在这里插入图片描述

ps:type为radio和checkbox的input标记可以有check的属性,表示默认选中:
在这里插入图片描述
type值为file的input标记,会生成一个按钮,点击按钮会打开本机的文件系统:
在这里插入图片描述
在这里插入图片描述
type值为submit的input标记显示为提交按钮:
在这里插入图片描述
(2)label标记:为input标记定义标注
两种形式(一种是把input标记放在label标记里,另一种是将两个标记分开,给label标记加for属性,属性值为input标记的id属性的值):
在这里插入图片描述

(3)fieldset标记:将表单内的相关元素分组
(4)textarea标记:定义多行的文本输入控件
在这里插入图片描述
cols和rows属性表示textarea显示的文本内容大小,但是可以往textarea里输入任意大小的文本。
(5)button标记:按钮
提交按钮
在这里插入图片描述
也可以在提交按钮里加图片
下表为input按钮和button按钮的相同实现形式:
在这里插入图片描述
2.Servlets
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值