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 ...
随机推荐
- Jmeter_Http默认请求值
1.线程组->配置原件->Http请求默认值 2.作用:几个Http 请求参数都是重复的数据 3.优先级:Http请求默认值和单个Http请求数值,使用单个Http请求数值为主 举例如下: ...
- cocoapods diff: /../Podfile.lock: No such file or directory 解决方案
在运行之前的使用 CocoaPods 工程时,有时会报错:diff: /../Podfile.lock: No such file or directory diff: /Manifest.lock: ...
- openjudge 和为给定数(二分答案)
嗯... 题目链接:http://noi.openjudge.cn/ch0111/07/ 这道题是一道不太明显,但很好二分的二分答案的一道题... 首先排序(二分要满足单调性),然后枚举每一个数,在[ ...
- main函数递归
以前听说main()不能递归?于是在CentOS7上使用gcc-8.1.0测试了一下,发现可行: #include <stdio.h> int x = 5; int main(int ar ...
- 标定设备自动化-ASAP3
欢迎关注<汽车软件技术>公众号,回复关键字获取资料. 1.ASAP3定义 下图选自INCA文档<INCA_IF_ASAM-ASAP3_EN.pdf>说明了ASAP3的用途:标定 ...
- sort、uniq 、 join 、 comm、diff 、 patch 、df、du 和 time 命令的用法
1 sort 命令 同文本文件打交道时,总避不开排序,那是因为对于文本处理任务而言,排序(sort)可以起到不小的作用.sort 命令能够帮助我们对文本文件和 stdin 进行排序操作.通常,它会结合 ...
- [PHP]PHP中申明 declare(strict_types=1)的作用
strict_types=1 针对参数类型开启严格模式,进行数据类型检验,默认是弱类型校验哪个文件写了declare,哪个文件中的所有代码就需要检查 declare(strict_types=1); ...
- 记一次RocketMQ源码导入IDEA过程
首先,下载源码,可以官网下载source包,也可以从GitHub上直接拉下来导入IDEA.如果是官网下载的source zip包,直接作为当前project的module导入,这里不赘述太多,只强调一 ...
- va_list、va_start、va_arg、va_end
转载:https://www.cnblogs.com/bwangel23/p/4700496.html 这几个函数和变量是针对可变参数函数的,什么是可变参数函数呢,最经典的莫过于printf和scan ...
- 导入spark程序的maven依赖包时,无法导入,报错Unable to import maven project: See logs for details
问题:导入spark程序的maven依赖包时,无法导入,且报错:0:23 Unable to import maven project: See logs for details 2019-08-23 ...