一.表单  基本语法:   <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表单基础的更多相关文章

  1. 史上最全Java表单验证封装类

    package com.tongrong.utils; import java.util.Collection; import java.util.Map; import java.util.rege ...

  2. 《JAVASCRIPT高级程序设计》表单基础知识和文本框脚本

    在HTML中,表单是由<form>元素来表示,在javascript中,表单对应的是HTMLFormElement类型,它具有一些独有的属性和方法: 一.表单基础知识 1.取得表单的方式 ...

  3. Javascript高级编程学习笔记(73)—— 表单(1)表单基础

    表单 JS最初的一个用途就是帮助服务器分担处理表单的责任 时至今日,虽然web应用以及JS都有了长足的发展,但是表单依然是现在web应用中比较重要的部分. 因为默认的表单控件很丑,所以有时候我们会使用 ...

  4. java 表单验证

    java 表单验证 1.思路:通过表单选择器,表单属性过滤器提取每个表单提交的值,进行验证 2.实现:javascript通过 onSubmit()事件,判断,返回值false不提交,返回true提交 ...

  5. java表单重复提交常用解决办法

    最近在看些基础的东西,顺便做下笔记.相信大家在平时网页使用中,经常会有按钮重复点击,然后点不动刷新,还有当网络延时比较厉害点了没反应在点击的重复提交.为了避免这种情况,总结了一下4点处理方案 表单重复 ...

  6. DOM之表格与表单基础分享

    我是沐晴,好久不见.马上要放假啦,也是比较的忙. 今天来谈谈表格和表单的基本知识.前期的写的都是比较基础的知识,后期会慢慢增加实例.一起来学习吧. 先看表格,DOM中提供了一些属性,便于我们获取表单节 ...

  7. jQuery Mobile 表单基础

    jQuery Mobile 会自动为 HTML 表单添加优异的便于触控的外观. jQuery Mobile 表单结构 jQuery Mobile 使用 CSS 来设置 HTML 表单元素的样式,以使其 ...

  8. html学习记录之表格、表单基础

    ①编码:charset="utf-8": ​②描述及关键词:name="description":name="keywords": ③a标签 ...

  9. JavaScript高级程序设计之表单基础

    A FORM <form id='form' action='http://a-response-url' method="post"> <!--maxlengt ...

随机推荐

  1. I/O-<文件读写、输出>

    读写 FileInputStream fis=null; fis=new FileInputStream("D://2016.txt");//初始文件位置 int i=0; byt ...

  2. 使用 OClint 进行静态代码分析

    OCLint 就是一个建立在 Clang 上的工具,能够发现代码中潜在的问题. 最近需要一个静态分析代码工具,帮助我们发布运行应用前找到代码潜在的问题. 其实对于iOS开发,我们的日常开发上已经用到了 ...

  3. 洛谷 P1339 [USACO09OCT]热浪Heat Wave(最短路)

    嗯... 题目链接:https://www.luogu.org/problem/P1339 这道题是水的不能在水的裸最短路问题...这里用的dijkstra 但是自己进了一个坑—— 因为有些城市之间可 ...

  4. 人物 - 安迪·葛洛夫,Andrew Stephen Grove,Andy Grove

    安德鲁·史蒂芬·格罗夫英语:Andrew Stephen Grove,昵称安迪·格罗夫(Andy Grove) 1. 前Intel的CEO 2. 1985 年将英特尔带入计算机处理器市场,帮助Inte ...

  5. .net使用rabbitmq安装操作

    自己在windows安装rabbitmq时,遇到了很多坑,最恶心的就是版本不匹配的问题,所以自己写了一篇总结,本文章安装的Erlang为8.2,rabbitmq为3.5.6 1 安装rabbitmq, ...

  6. Android开发:界面设计之六大layouts介绍

    1.帧布局 FrameLayout: FrameLayout是最简单的布局对象.在它里面的的所有显示对象都将固定在屏幕的左上角,不能指定位置,后一个会直接覆盖在前一个之上显示 因为上面的一段话这个是在 ...

  7. HDU1029 简单DP

    "OK, you are not too bad, em... But you can never pass the next test." feng5166 says. &quo ...

  8. 学习笔记(4)- DQN

    宋皓宇 张伟男刘挺. (2018). 基于DQN的开放域多轮对话策略学习. 中文信息学报, 32(7), 99. http://jcip.cipsc.org.cn/CN/abstract/articl ...

  9. 树莓派4B踩坑指南 - (1)系统简介及特性

    系统简介及特性 19年双十一入坑树莓派4B,发现不是一般的坑,对于新出来的4B,从外包装壳,到接口,到内核,很多老的资料已经不再适用,又没有什么特别大的论坛可以讨论,只能自己一点点的摸索. 所以将遇到 ...

  10. 关于eclipse项目右键没有project facets的解决方法遇到的问题

    [ 关于eclipse项目右键没有project facets的解决方法] [创建maven项目生成WebRoot目录,web.xml文件,以及修改编译路径classess的解决办法,以及解决找不到或 ...