1.认识表单

1.1.表单的作用

是可以由用户输入并提交给服务器的一个图形界面

1.2定义表单

1.2.1表单性质
1.表单可以输入一些内容,输入功能由控件提供,叫做表单元素
2.表单要有提交按钮
3.单击提交按钮,表单元素中的内容会提交给服务器端
4.表单元素放在< form></ form>

1.2.2相关属性
用< form>中的action属性提交给其他页面
在这里插入图片描述
用request对象获取提交过来的值
在这里插入图片描述
1.2.3问题
< input type=“submit” value=“登录”>表示提交按钮,可以用普通按钮吗?
答;不可以,若改为type=“button”,则没有提交的功能。但是在JavaScript可以进行提交。

2.单一表单元素数据的获取

2.1获取文本框中的数据

在文本框输入资料,输入显示信息。
在这里插入图片描述
在这里插入图片描述

2.2获取密码框中的数据

在这里插入图片描述
在这里插入图片描述
这里可以看到点击了注册按钮之后的passwordForm_result.jsp页面的网址上没有?password=123。就是post的作用。点击按钮不会显示提交内容。
在这里插入图片描述
method默认值为get

2.3获取多行文本框中的数据

在这里插入图片描述
在这里插入图片描述

2.4获取单选按钮中的数据

在这里插入图片描述
在这里插入图片描述

2.5获取下拉菜单中的数据

在这里插入图片描述
在这里插入图片描述

3.捆绑表单元素数据的获取

捆绑表单元素是指多个同名表单元素的值送给服务器端时是一个捆绑的数组。

3.1 获取复选框的数据

在这里插入图片描述
此时可以为这几个复选框取同样的名字,作为捆绑数组传给服务器端。
在这里插入图片描述

3.2 获取多选列表框中的数据

在这里插入图片描述
在这里插入图片描述

3.3获取其他同名表单元素中的数据

在这里插入图片描述
在这里插入图片描述

4.隐藏表单

没有隐藏的表单
在这里插入图片描述
隐藏了的表单
在这里插入图片描述
在这里插入图片描述

5.其他问题

5.1用JavaScript进行提交

5.2中文乱码问题

在这里插入图片描述

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐