java表单基础
一.表单 基本语法: <form method="表单提交方式(post/get)" action="表单提交地址"> </form> 二.input元素 type:代表input元素类型 name: 表单元素名称 value: 表单元素初始值 size: 表单宽度 maxLength: 输入的最大字符数 checked: 主要用于单选或多选按钮,代表默认选中 三.常用表单元素 1.普通文本框 <input type="text" name="username" value="杨凯" size="30px" maxlength="10"/> 2.密码框 <input type="password" name="password" size="30" maxlength="16"/> 3.单选按钮(name属性必须有,值相同) <input type="radio" name="gender" value="男" checked/>男 <input type="radio" name="gender" value="女"/>女 4.多选按钮(name属性必须有,值相同,可以选择多个) <input type="checkbox" name="hobby" value="睡觉" checked/>睡觉 <input type="checkbox" name="hobby" value="吃饭"/>吃饭 <input type="checkbox" name="hobby" value="打豆豆"/>打豆豆 5.下拉框(name属性必须有,size代表初始显示项数) <select name="address"> <option value="北京" name="bj">北京</option> <option value="上海" name="sh">上海</option> <option value="南京" name="nj">南京</option> <option value="山东" name="sd" selected>山东</option> <option value="西安" name="xa">西安</option> </select> 6.按钮 button普通按钮:<input type="button" name="button" value="普通按钮"/> reset按钮:(重置表单数据)<input type="reset" name="reset" value="重置按钮"/> submit提交按钮:<input type="submit" name="submit" value="提交按钮"/> image图像按钮(同样会提交表单数据):<input type="image" src="../image/login.gif" name="image"/> 7.多行文本域<textarea name="textarea" rows="20" cols="50"></textarea> 8.文件域 <form action="" method="post" enctype="multipart/form-data"> <input type="file" name="files" /> </form>
9.email自动验证: <input type="email" name="email"/> 10.网址自动验证: <input type="url" name="url"/> 11.数字:<input type="number" min="0" max="100" step="5" name="number"/> 12.滑块:<input type="range" name="range" max="20" min="-20" step="10"/> 13.搜索框:<input type="search" name="search"/> 四.表单的高级应用 1.隐藏域(在表单当中不会显示,但是确实存在数据,当提交时会将隐藏用于数据一起提交) <input type="hidden" value="666" name="userid">
2.只读和禁用 <input name="name" type="text" value="张三" readonly> <input type="submit " disabled value="保存" > 3.标注(光标定位) <label for="id">标注的文本</label> <input type="radio" name="gender" id="male"/> 五.表单的初级验证 1.placeholder 友好提示 2.required 非空 3.pattern 正则表达式验证 用户名:<input type="text" name="username" placeholder="请输入用户名" required/> 手机号:<input type="text" name="phone" required pattern="^1[358]\d{9}"/> <input type="submit" value="提交"/>
java表单基础的更多相关文章
- 史上最全Java表单验证封装类
package com.tongrong.utils; import java.util.Collection; import java.util.Map; import java.util.rege ...
- 《JAVASCRIPT高级程序设计》表单基础知识和文本框脚本
在HTML中,表单是由<form>元素来表示,在javascript中,表单对应的是HTMLFormElement类型,它具有一些独有的属性和方法: 一.表单基础知识 1.取得表单的方式 ...
- Javascript高级编程学习笔记(73)—— 表单(1)表单基础
表单 JS最初的一个用途就是帮助服务器分担处理表单的责任 时至今日,虽然web应用以及JS都有了长足的发展,但是表单依然是现在web应用中比较重要的部分. 因为默认的表单控件很丑,所以有时候我们会使用 ...
- java 表单验证
java 表单验证 1.思路:通过表单选择器,表单属性过滤器提取每个表单提交的值,进行验证 2.实现:javascript通过 onSubmit()事件,判断,返回值false不提交,返回true提交 ...
- java表单重复提交常用解决办法
最近在看些基础的东西,顺便做下笔记.相信大家在平时网页使用中,经常会有按钮重复点击,然后点不动刷新,还有当网络延时比较厉害点了没反应在点击的重复提交.为了避免这种情况,总结了一下4点处理方案 表单重复 ...
- DOM之表格与表单基础分享
我是沐晴,好久不见.马上要放假啦,也是比较的忙. 今天来谈谈表格和表单的基本知识.前期的写的都是比较基础的知识,后期会慢慢增加实例.一起来学习吧. 先看表格,DOM中提供了一些属性,便于我们获取表单节 ...
- jQuery Mobile 表单基础
jQuery Mobile 会自动为 HTML 表单添加优异的便于触控的外观. jQuery Mobile 表单结构 jQuery Mobile 使用 CSS 来设置 HTML 表单元素的样式,以使其 ...
- html学习记录之表格、表单基础
①编码:charset="utf-8": ②描述及关键词:name="description":name="keywords": ③a标签 ...
- JavaScript高级程序设计之表单基础
A FORM <form id='form' action='http://a-response-url' method="post"> <!--maxlengt ...
随机推荐
- I/O-<文件读写、输出>
读写 FileInputStream fis=null; fis=new FileInputStream("D://2016.txt");//初始文件位置 int i=0; byt ...
- 使用 OClint 进行静态代码分析
OCLint 就是一个建立在 Clang 上的工具,能够发现代码中潜在的问题. 最近需要一个静态分析代码工具,帮助我们发布运行应用前找到代码潜在的问题. 其实对于iOS开发,我们的日常开发上已经用到了 ...
- 洛谷 P1339 [USACO09OCT]热浪Heat Wave(最短路)
嗯... 题目链接:https://www.luogu.org/problem/P1339 这道题是水的不能在水的裸最短路问题...这里用的dijkstra 但是自己进了一个坑—— 因为有些城市之间可 ...
- 人物 - 安迪·葛洛夫,Andrew Stephen Grove,Andy Grove
安德鲁·史蒂芬·格罗夫英语:Andrew Stephen Grove,昵称安迪·格罗夫(Andy Grove) 1. 前Intel的CEO 2. 1985 年将英特尔带入计算机处理器市场,帮助Inte ...
- .net使用rabbitmq安装操作
自己在windows安装rabbitmq时,遇到了很多坑,最恶心的就是版本不匹配的问题,所以自己写了一篇总结,本文章安装的Erlang为8.2,rabbitmq为3.5.6 1 安装rabbitmq, ...
- Android开发:界面设计之六大layouts介绍
1.帧布局 FrameLayout: FrameLayout是最简单的布局对象.在它里面的的所有显示对象都将固定在屏幕的左上角,不能指定位置,后一个会直接覆盖在前一个之上显示 因为上面的一段话这个是在 ...
- HDU1029 简单DP
"OK, you are not too bad, em... But you can never pass the next test." feng5166 says. &quo ...
- 学习笔记(4)- DQN
宋皓宇 张伟男刘挺. (2018). 基于DQN的开放域多轮对话策略学习. 中文信息学报, 32(7), 99. http://jcip.cipsc.org.cn/CN/abstract/articl ...
- 树莓派4B踩坑指南 - (1)系统简介及特性
系统简介及特性 19年双十一入坑树莓派4B,发现不是一般的坑,对于新出来的4B,从外包装壳,到接口,到内核,很多老的资料已经不再适用,又没有什么特别大的论坛可以讨论,只能自己一点点的摸索. 所以将遇到 ...
- 关于eclipse项目右键没有project facets的解决方法遇到的问题
[ 关于eclipse项目右键没有project facets的解决方法] [创建maven项目生成WebRoot目录,web.xml文件,以及修改编译路径classess的解决办法,以及解决找不到或 ...