前言：总结了一些关于表单的东西，发下内心的感慨，以前感觉自己什么都会，今天竟然连最基本的表单的东西都忘了，好丢人，

学习的过程中，切勿眼高手低，一定要做好自己的笔记，然后多写代码，多想为什么，我比较笨，但是我相信勤能不着。

不说了，我又来粘贴代码了，这次就不放运行效果图了。

html表单代码：

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title></title>

     </head>

     <body>

         <form method="post">

             <legend>标题</legend>

             <fieldset>

                      <label for="name">名字：</label><br />

             <hr />2.文本框，密码框，隐藏框:

             <input type="text" id="name" name="请输入你的名字" size="7" /><br />

             <input type="text" id="name" name="请输入你的名字" size="6" /><br />

             <input type="text" id="name" name="请输入你的名字" size="5" /><br />

             <input type="text" id="name" name="请输入你的名字" size="4" /><br />

             <input type="text" id="name" name="请输入你的名字" size="3" /><br />

             <input type="text" id="name" name="请输入你的名字" size="2" /><br />

             <input type="text" id="name" name="请输入你的名字" size="2" maxlength="3" /><br />

             <label for="pwd">密码：</label>

             <input type="password" id="pwd" name="pass" />

             <input type="hidden" id="pwd" name="hahah"  value="好"/>

             <hr />3复选框:

             <input type="checkbox" name="复选框1" value="A"  checked="checked"  disabled="disabled"/>

             <input type="checkbox" name="复选框2" value="B"     />

             <input type="checkbox" name="复选框3" value="C"      />

             <input type="checkbox" name="复选框4" value="D"     />

             <hr />单选栏:

             <input type="radio" name="A" value="A" checked="checked" />

             <input type="radio" name="A" value="B"   />

             <input type="radio" name="A" value="C"  />

             <hr />4.窗体栏位:

             <select name="ns" size="1">

                 <option value="A">A</option>

                 <option value="A">B</option>

                 <option value="A">C</option>

                 <option value="A">D</option>

             </select>

             <br />

             <hr />

              <textarea cols="50" rows=“50">

                  <h1> 你好啊</h1>

              </textarea>

             <p>

                 <input type="submit" name="提交"/>

                 <input type="reset" name="重置" />

             </p>

             <hr />5.按键，图像

             <button>

                 <img src="img/1.png" />

             </button>

             <hr />

             <input type="image" src="../day01/作业day01/img3/tv05.jpg" alt="好可怜" />

             <hr />

             <input type="file" name="file"  />

            </fieldset>

         </form>

     </body>

 </html>

关于表单----html杂记的更多相关文章

  1. 杂记-格式化Date默认格式,日期加一天,jstl判断字符类型,ajax模拟from表单后台跳转页面,jstl访问数据库并在页面显示

    1.格式化Date默认格式 String str="Sun Oct 08 22:36:45 CST 2017"; SimpleDateFormat sdf = new Simple ...

  2. ASP.NET Aries 入门开发教程9：业务表单的开发

    前言: 经过前面那么多篇的列表的介绍,终于到了大伙期待的表单开发了. 也是本系列的最后一篇文章了! 1:表单页面的权限设置与继承 对于表单页面,权限的设置有两种: 1:你可以选择添加菜单(设置为不显示 ...

  3. 探索ASP.NET MVC5系列之~~~3.视图篇（下）---包含常用表单和暴力解猜防御

    其实任何资料里面的任何知识点都无所谓,都是不重要的,重要的是学习方法,自行摸索的过程(不妥之处欢迎指正) 汇总:http://www.cnblogs.com/dunitian/p/4822808.ht ...

  4. jQuery学习之路（8）- 表单验证插件-Validation

    ▓▓▓▓▓▓ 大致介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 ...

  5. jQuery学习之路（5）- 简单的表单应用

    ▓▓▓▓▓▓ 大致介绍 接下来的这几个博客是对前面所学知识的一个简单的应用,来加深理解 ▓▓▓▓▓▓ 单行文本框 只介绍一个简单的样式:获取和失去焦点改变样式 基本结构: <form actio ...

  6. 12、Struts2表单重复提交

    什么是表单重复提交 表单的重复提交: 若刷新表单页面, 再提交表单不算重复提交. 在不刷新表单页面的前提下: 多次点击提交按钮 已经提交成功, 按 "回退" 之后, 再点击 &qu ...

  7. .net erp（办公oa）开发平台架构概要说明之表单设计器

    背景:搭建一个适合公司erp业务的开发平台.   架构概要图: 表单设计开发部署示例图    表单设计开发部署示例说明1)每个开发人员可以自己部署表单设计至本地一份(当然也可以共用一套开发环境,但是如 ...

  8. javascript表单的Ajax 提交插件的使用

    Ajax 提交插件 form.js 表单的下载地址:官方网站:http://malsup.com/jquery/form/ form.js 插件有两个核心方法:ajaxForm()和ajaxSubmi ...

  9. 玩转spring boot——AOP与表单验证

    AOP在大多数的情况下的应用场景是:日志和验证.至于AOP的理论知识我就不做赘述.而AOP的通知类型有好几种,今天的例子我只选一个有代表意义的“环绕通知”来演示. 一.AOP入门 修改“pom.xml ...

随机推荐

  1. android计算器

    一:引言    目前手机可以说是普及率非常高的电子设备了,由于其便于携带,使用方便,资费适中等等原因,现在手机已经在一定程度开始代替固定电话的通话功能,以及一些原来电脑软件上的功能了.手机上的软件也随 ...

  2. java学习--第50天讲到jquery

    4月4日jquery讲完了. jquery组合选择器 逗号隔开 层级选择器 父元素    子元素,直接子元素和间接子元素,空格隔开. 直接后代选择器: 父元素>子元素    选择的直接子元素 下 ...

  3. python函数基础用法

    函数是通过赋值传递的,参数通过赋值传递给参数,def语句将创建的一个函数对象 并将其赋值给一个变量名! 函数定义的对象属局部作用域,只在函数内部有效,不会影响全局作用域中的对象! 赋值对象属于局部作用 ...

  4. HDU 2053 Switch Game

    http://acm.hdu.edu.cn/showproblem.php?pid=2053 Problem Description There are many lamps in a line. A ...

  5. Running kubernetes on windows

    docker-for-desktop minikube GKE cluster(?) docker-for-desktop https://docs.docker.com/docker-for-win ...

  6. C语言ODBC数据库操作

    今天我们来介绍一下C语言操作数据库的方法,这里我们使用的是ODBC方式.环境是WIN7+VC6.其他环境也差不多,具体情况具体分析. 首先是环境的配置以及数据源的添加.这里就不去解释了,相关资料网上有 ...

  7. vue为app做h5页面，如何做到同域名对应不同版本的h5代码

    1.当我们在做混合开发的时候,app端可以有无数多个版本,一般情况h5页面只有一套代码.应该如何部署多套代码呢? 2.业务场景 当出现这种情况的时候,其实前端可以部署多套代码.比如: www.stat ...

  8. IIS7开启gZip动态压缩

    1.安装动态压缩模块: 安装过程可能的报错:This application has requested the Runtime to terminate it in an unusual way. ...

  9. spring cloud实战与思考（五） JWT之携带敏感信息

    需求: 需要将一些敏感信息保存在JWT中,以便提高业务处理效率. 众所周知JWT协议RFC7519使用Base64Url对Header和Payload的Json字符串进行编解码.A JWT is re ...

  10. face parsing

    主页:https://www.sifeiliu.net/project 基于CNN face parsing: https://www.sifeiliu.net/face-parsing codes: ...