JavaWeb 您所在的位置:网站首页 myeclipse的form表单的编写 JavaWeb

JavaWeb

2024-07-10 22:06| 来源: 网络整理| 查看: 265

目录

1、表单标签概述

2、表单项标签

3、注册页面案例实现

1、表单标签概述

表单,是用于采集用户输入数据的,用于和服务器进行交互。比如登录系统,使用的标签是form,可以定义一个范围,范围代表采集用户数据的范围,表单中的数据要想被提交,必须指定name属性。属性:

action:指定提交数据的URLmethod:指定提交方式,一共7种,2个比较常用get、post,区别如下: 序号getpost1请求参数会在地址栏中显示,封装在请求行中请求参数不会在地址栏中显示,会封装在请求体中2请求参数长度有限制请求参数长度无限制3不太安全,参数是暴露在url中较为安全 【举例】:用户输入登录名、密码,并提交 表单标签 用户名: 密码:

2、表单项标签

以下三类表单项标签较为重要:

input标签:可以通过type属性,改变元素展示样式     type属性: text--文本输入框,默认值,placeholder指定输入框的提示信息;                       password:密码输入框;                       radio:单选框,注意,要想让多个单选框实现单选效果,name属性值必须一致;一般会给每一个单选框提供 value属性,说明其被选中提交的值;                       checkbox:复选框,注意事项同radio,此外,其有check属性,可以指定默认值;                       file:文件选择框;                       hidden:隐藏域,用于提交信息;                       按钮: submit,提交按钮,可以提交表单;button,普通按钮;image,可以添加图片,提交表单;                       取色器:label标签:指定输入项的文字描述信息,注意:label的for属性一般会和input 的id属性值对应,对应后,点击label区域,会让input输入框获取焦点。 select:下拉列表   子元素:option,指定列表项textarea:文本域 cols:每一行有多少个字符; rows:默认多少行。

【举例】:使用input、select、textares标签设计输入登录信息

表单标签_表单项 用户名: 密码: 性别: 男 女 爱好: 吃饭 睡觉 喝水 图片: 隐藏域: 取色器: 生日: 生日: 邮箱: 年龄: 省份: 请选则 北京 上海 自我描述:

3、注册页面案例实现

实现如下的注册页面,主要是form中嵌套table来实现。

注册页面 用户名 密码 email 姓名 手机号 性别 男 女 出生日期 验证码

【实现效果】:

作于202005181425,已归档

———————————————————————————————————

本文为博主原创文章,转载请注明出处!

若本文对您有帮助,轻抬您发财的小手,关注/评论/点赞/收藏,就是对我最大的支持!

祝君升职加薪,鹏程万里!



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有