1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta name="generator"
  5.     content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />
  6.     <meta charset="utf-8" />
  7.     <title>表单</title>
  8.   </head>
  9.   <body>
  10.     <h1>会员注册</h1>
  11.     <!--action转到哪个页面-->
  12.     <form action="https://www.baidu.com/" name="form1" target="_blank">
  13.     <!--disabled不可用-->
  14.     不可用
  15.     <input type="text" value="admin" disabled="disabled" />
  16.     <br />只读：
  17.     <input type="text" value="admin" readonly="readonly" />
  18.     <br />
  19.     <!--  文本框和密码框：value是属性默认值-->
  20.      姓名：
  21.     <input name="username" type="text" value="admin" size="20" />
  22.     <br />密码：
  23.     <input name="password" type="pswd" value="123" size="20" />
  24.     <br />
  25.     <!--文件上传-->
  26.      头像：
  27.     <input type="file" />
  28.     <br />
  29.     <input type="button" value="确定" />
  30.     <br />
  31.     <!--性别单选，name值相同-->
  32.  
  33.     <!--input 值"checked"是默认选择-->
  34.      性别：
  35.     <input type="radio" name="sex" checked="checked" />男
  36.     <input type="radio" name="sex" />女
  37.     <br />语言：
  38.     <!--点击radio单选后面的文字也能选择的方法input id="id" ,label for=“id”-->
  39.  
  40.     <input type="radio" id="chinese" name="language" checked="checked" />
  41.     <label for="chinese">汉语</label>
  42.     <input type="radio" id="english" name="language" />
  43.     <label for="english">英语</label>
  44.     <br />爱好：
  45.     <br />
  46.     <input type="checkbox" />篮球
  47.     <input type="checkbox" />足球
  48.     <input type="checkbox" />乒乓球
  49.     <input type="checkbox" />跳绳
  50.     <br />    <br />    <br />选择您的学历:
  51.     <!--select下的属性multiple是多选 option为disabled值时不能选-->
  52.     <select name="education" multiple="mulpitle" >
  53.     <optgroup label="学历">
  54.       <option value="master">研究生</option>
  55.       <!--默认为本科 option后面加上selected="selected"-->
  56.       <option value="university" selected="selected">本科</option>
  57.       <option value="institution">专科</option>
  58.       <option value="high-scool" disabled="disabled">高中</option></optgroup>
  59.     </select>
  60.     <br />个人说明：
  61.     <br />
  62.     <!--cols是长度,rows是高度，也就是行数-->
  63.  
  64.     <textarea value="" cols="40" rows="5">
  65.     <!--双标签默认值写到两个标签之间-->...</textarea>
  66.     <br />
  67.     <input type="submit" value="确认提交" />
  68.     <input type="reset" value="重置" />
  69.     <br /></form>
  70.   </body>
  71. </html>

html表单应用的更多相关文章

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

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

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

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

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

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

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

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

  5. 12、Struts2表单重复提交

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

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

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

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

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

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

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

  9. from表单提交数据之后，后台对象接受不到值

    如果SSH框架下,前段页面通过from表单提交数据之后,在后台对象显示空值,也就是接收不到值得情况下.首先保证前段输入框有值,这个可以在提交的时候用jQuery的id或者name选择器alert弹出测 ...

  10. form表单验证-Javascript

    Form表单验证: js基础考试内容,form表单验证,正则表达式,blur事件,自动获取数组,以及css布局样式,动态清除等.完整代码如下: <!DOCTYPE html PUBLIC &qu ...

随机推荐

  1. [Effective JavaScript 笔记] 第8条：尽量少用全局对象

    初学者容易使用全局变量的原因 创建全局变量毫不费力,不需要任何形式的声明(只要在非函数里用var 你就可以得到一个全局变量) 写得代码简单,不涉及到大的项目或配合(写hello world是不会有什么 ...

  2. 在Mysql中如何显示所有用户？

    这是一个mysql初学者经常问到的一个问题,今天我们就带大家看看是如何在Mysql中显示所有用户的.通常我们在mysql中使用SHOW DATABASES可以显示所有的数据库,SHOW TABLES将 ...

  3. Dynamic Morphing Square(动态变形矩阵)

    题目描述: 解题思路: 先对输入的N进行判断,是否不小于3,如果小于3,需要继续输入一个新的数,知道输入的N比3大. 第一个打印的矩阵,*号为最外面一圈,其余全为-. 第二个打印的矩阵,*号向内缩减了 ...

  4. asp.net 网站 或者web Api 发布

    asp.net 发布iis时可能遇到的内部服务错误常见的有两种: 1.如下图,500.19 Internal Server Error(内部服务错误) 这种错误可能是由于本机的注册表中的asp.net ...

  5. HDU-1159 Common Subsequence 最长上升子序列

    Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Submission( ...

  6. Python Django 的 django templatedoesnotexist

    django 1.8版本的解决方案 在  setting.py 这个文件里 TEMPLATES = [ ...... #原来的 #'DIRS': [ ], //  这个 列表里添加 template路 ...

  7. ubuntu下sh文件使用

    可把shell命令批处理写进filename.sh文件 然后执行 chmod +x filename.sh 就可以执行./filename.sh了

  8. BASH相关

    颜色 http://www.cnblogs.com/lr-ting/archive/2013/02/28/2936792.html http://segmentfault.com/q/10100000 ...

  9. weblogic 安装和部署项目(原创)

    1.下载weblogic(含破解文件,土豪请支持正版,谢谢!) 2.安装如下图: 3.新建domain 4.打开weblogic Console 5.开始部署项目 6.部署成功

  10. Android实现支持缩放平移图片

    本文主要用到了以下知识点 Matrix GestureDetector 能够捕捉到长按.双击 ScaleGestureDetector 用于检测缩放的手势 自由的缩放 需求:当图片加载时,将图片在屏幕 ...