JavaWeb | 您所在的位置:网站首页 › myeclipse的form表单的编写 › JavaWeb |
目录 1、表单标签概述 2、表单项标签 3、注册页面案例实现 1、表单标签概述表单,是用于采集用户输入数据的,用于和服务器进行交互。比如登录系统,使用的标签是form,可以定义一个范围,范围代表采集用户数据的范围,表单中的数据要想被提交,必须指定name属性。属性: action:指定提交数据的URLmethod:指定提交方式,一共7种,2个比较常用get、post,区别如下: 序号getpost1请求参数会在地址栏中显示,封装在请求行中请求参数不会在地址栏中显示,会封装在请求体中2请求参数长度有限制请求参数长度无限制3不太安全,参数是暴露在url中较为安全 【举例】:用户输入登录名、密码,并提交 表单标签 用户名: 密码:以下三类表单项标签较为重要: 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标签设计输入登录信息 表单标签_表单项 用户名: 密码: 性别: 男 女 爱好: 吃饭 睡觉 喝水 图片: 隐藏域: 取色器: 生日: 生日: 邮箱: 年龄: 省份: 请选则 北京 上海 自我描述:实现如下的注册页面,主要是form中嵌套table来实现。 ![]() 【实现效果】: 作于202005181425,已归档 ——————————————————————————————————— 本文为博主原创文章,转载请注明出处! 若本文对您有帮助,轻抬您发财的小手,关注/评论/点赞/收藏,就是对我最大的支持! 祝君升职加薪,鹏程万里! |
CopyRight 2018-2019 实验室设备网 版权所有 |