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

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

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

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. wordcount程序

    wordcount程序算是相比于前几次作业来说比较难得一个作业了.进行了一次真的自己编写程序.WC程序实现了对txt文件中的数据的计数,算出程序中有多少单词.字符数以及行数.这次的程序编程是采用的C语 ...

  2. 四则运算coding

    https://coding.net/u/ztf1641429293/p/sizeyunshuan/git/blob/master/Sizenyunsuan.java

  3. 访谈：BugPhobia’s Brief Communication

    0x01 :采访的学长简介 If you weeped for the missing sunset, you would miss all the shining stars 梁野,北京航空航天大学 ...

  4. Java Date Compare

    Date a;Date b;假设现在你已经实例化了a和ba.after(b)返回一个boolean,如果a的时间在b之后(不包括等于)返回true b.before(a)返回一个boolean,如果b ...

  5. Vue的router使用

    <div id="app"> <router-link to="/home">home</router-link> < ...

  6. 批处理-For详解

    大纲 一 前言 二 for语句的基本用法 三 for /f (delims.tokens.skip.eol.userbackq.变量延迟) 四 for /r (递归遍历) 五 for /d (遍历目录 ...

  7. CentOS7.5下MYSQL8.0.11

    MYsql的安装 1. 下载bundles 包 https://cdn.mysql.com//Downloads/MySQL-8.0/mysql-8.0.11-1.el7.x86_64.rpm-bun ...

  8. linux 单引号，双引号，反引号的小总结。

    还是老惯例说说事情的起因,由于最开始对linux下面的各种引号并不是特别敏感,导致有一天我在添加数据库字段的时候出现的错误,当时出现错误的原因是我在最外层使用了单引号进行包裹,然后一句话里面需要转意的 ...

  9. Dictionary CPU 100%

    昨天服务器的CPU突然100%,此服务已经运行几年了,都平安无事.既然问题出现当然要找出这个遗留多年的小概率问题.出现cpu 100% 一般就是哪里出现了无法跳出的死循环. 1.获取进程的内存信息 服 ...

  10. gbk、utf-8、utf8mb4区别

    1. 存储大小(1). GBK编码专门用来解决中文编码的,是双字节的.不论中英文都是双字节的.(2). UTF-8 编码是用以解决国际上字符的一种多字节编码,它对英文使用8位(即一个字节),中文使用2 ...