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

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

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

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. 作业20171116 beta2及beta发布 成绩

    申诉 对成绩有疑问或不同意见的同学,请在群里[@杨贵福]. 申诉时间截止2017年12月13日 17:00. 成绩 scrum01 scrum02 scrum03 scrum04 scrum05 sc ...

  2. 我的github地址

    链接:https://github.com/long0123/test.git   推送项目的github的大致步骤如下: 1.在本地创建一个项目仓库,可以放些基本的项目文件 2.cd至该目录下 3. ...

  3. 发布阶段 github和360移动助手及总结

    经过一系列的冲刺和加工 最激动人心的无非在发布平台上公布上自己辛苦奋斗了一个周期的产品,这个时候的我们就像Iphone 6发布会上得CEO,为自己的产品完美画上了研发的句号. 接下来的日子就是准备ve ...

  4. Daily Scrum- 12/31

    Meeting Minutes 更新了统计单词背诵精度的统计数字计算方法: 确定了词反转的效果的动画: Burndown     Progress   part 组员 今日工作 Time (h) 明日 ...

  5. Failed to execute goal org.springframework.boot

    报错 [ERROR] Failed to execute goal org.springframework.boot:spring-boot-maven-plugin:1.4.0.RELEASE:ru ...

  6. Javascript中的闭包和C#中的闭包

    js和C#中都有闭包的概念,闭包本质上是一个对象,是指有权访问另一个局部作用域中的变量的对象(或函数,在C#中是委托).这个对象和函数/方法有关: 在js中,闭包是由于函数引用了局部变量形成的.在C# ...

  7. Linux 更改root与home分区大小的方法总结

    1. 安装了CentOS7.5的虚拟机 但是发现里面的操作系统 home 分区占到了400g 根分区只有50g 认为不太好,所以要改一下. 2.方法. 好像是xfs的文件格式, 没法使用resize2 ...

  8. php函数值传值/地址以及引用的用法

    博客摘自  奔跑的大白,网址: http://www.cnblogs.com/gauze/p/5568867.html 1.先来解释一下名词. 值传递(passl-by-value)过程中,被调函数的 ...

  9. MyBatis是如何解决Sql注入的

    转:[转]mybatis如何防止sql注入 java中预处理PrepareStatement为什么能起到防止SQL注入的作用??!! 一.SQL注入 sql注入大家都不陌生,是一种常见的攻击方式,攻击 ...

  10. Angular $interval

    <!DOCTYPE html><html ng-app="myApp"><head lang="en"> <meta ...