HTML表单

 <!--
 <form></form>标签对用来创建一个表单，即定义表单的开始和结束位置，<form>表单具有下面等属性
     1.action属性用来设置接受和处理浏览器递交的表单内容的服务器程序的URL
     2.method属性用来定义浏览器将表单中的信息提交给服务器端的处理程序的方式，取值可以为：GET或POST
     3.target属性用来指定服务器返回结果显示的目标窗口或目标帧。
     4.title属性用来设置当网站访问者的素、鼠标在表单上的任一位置停留过几秒时，浏览器用黄色小浮标显示的文本（如表单的名称或描述）
     5.enctype属性指示浏览器使用哪种编码方法将表单数据传送给www服务器。该属性可以有两种取值：
         application/x-www-form-urlencoded（默认的设置）
         multipart/form-data（有文件上传的时候）
 -->
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 <title>HTML的表单</title>
 </head>

 <body>
     <table border="1" width="500" align="center">
     <form action="" method="post" target="_blank" title="这是表单" enctype="multipart/form-data">
         <caption>表单的应用</caption>
         <tr>
             <th>账号</th>
             <td>
                 <input type="text" name="username" size="30" value="user"/>
             </td>
         </tr>

         <tr>
             <th>密码</th>
             <td>
                 <input type="password" name="pass" size="30" value="hello" />
             </td>
         </tr>

         <tr>
             <th>复选框</th>
             <td>
                     玩游戏<input type="checkbox" checked="checked" name="del[]"/>
                     看电影<input type="checkbox" name="del[]"/>
                     旅游<input type="checkbox" name="del[]"/>
                     看书<input type="checkbox" name="del[]"/>
                     写字<input type="checkbox" name="del[]"/>
             </td>
         </tr>

         <tr>
             <th>单选框</th>
             <td>
                     <input type="radio" name="sex" checked="checked" /> 男
                     <input type="radio" name="sex" /> 女
                     <input type="radio" name="sex" /> 保密
             </td>
         </tr>

         <tr>
             <th>上传文件</th>
             <td>
                     <input type="file" name="picture" />
             </td>
         </tr>

         <tr>
             <th>下拉列表</th>
             <td>
                 <select name="gn">
                     <option>--请选择--</option>
                     <option>111111</option>
                     <option>222222</option>
                     <option>333333</option>
                     <option>444444</option>
                 </select>
             </td>
         </tr>

         <tr>
             <th>列表</th>
             <td>
                 <select name="gn1" size="5">
                     <option>111111</option>
                     <option>222222</option>
                     <option>333333</option>
                     <option>444444</option>
                     <option>555555</option>
                     <option>666666</option>
                     <option>777777</option>
                 </select>
             </td>
         </tr>

         <tr>
             <th>多选列表</th>
             <td>
                 <select name="gn2" size="5" multiple="multiple">
                     <option>111111</option>
                     <option>222222</option>
                     <option>333333</option>
                     <option>444444</option>
                     <option>555555</option>
                     <option>666666</option>
                     <option>777777</option>
                 </select>
             </td>
         </tr>

         <tr>
             <th>多行文本域</th>
             <td>
                     <textarea cols="40" rows="6" name="message">在这里输入你的信息</textarea>
             </td>
         </tr>
         <input type="hidden" name="id" value="100" />

         <tr>
             <td colspan="2" align="center">
                 <input type="submit" name="sub" value="提交" />
                 <input type="image" src="dl.gif" />
                 <input type="reset" />
                 <input type="button" value="清空" onclick="document.frm.username.value=''" />
             </td>
         </tr>
         </form>
     </table>
 </body>
 </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. kellogg项目总结

    1.题目的去随机值去重 (当时做的是每次点击取出一个随机数,并删除数组中位置,后来改成获取10个随机数组成的数组,二者略有差距,修改颇长时间) function getArr(num){ totalA ...

  2. 《javascript高级程序设计》第21章 Ajax和Comet

    21.1 XMLHttpRequest 对象  The XMLHttpRequest Object 21.1.1 XHR 的用法 XHR Usage 21.1.2 HTTP 头部信息 XHR Head ...

  3. lambda表達式

    lambda简介 lambda运算符:所有的lambda表达式都是用新的lambda运算符 " => ",可以叫他,“转到”或者 “成为”.运算符将表达式分为两部分,左边指定 ...

  4. hdu--（1247）Hat’s Words（trie树）

    Hat’s Words Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total ...

  5. 下载模板，上传EXCEL

    说道SAP里对EXCEL操作的大概就是上传,下载,显示了... 下载:(文档是通过SMW0上传的)注:如果下载的时候需要填充EXCEL的值,...请参考另一篇文档,OLE CALL METHOD CL ...

  6. Java List的深度克隆

    关于java List的深度克隆 List是java容器中最常用的顺序存储数据结构之一.有些时候我们将一组数据取出放到一个List对象中,但是可能会很多处程序要读取他或者是修改他.尤其是并发处理的话, ...

  7. bash: sqlplus: command not found 解决方法

    在oracle用户下输入:sqlplus 抛出bash: sqlplus: command not found 解决办法: 在root用户下输入如下命令: ln -s $ORACLE_HOME/bin ...

  8. Window["aaa"]这个在JS里是什么意思？

    答案:定义一个全局的变量 aaa,这个的方式是数组,实际上是等于 window.aaa

  9. JS解析json数据并将json字符串转化为数组的实现方法

    json数据在ajax实现异步交互时起到了很重要的作用,他可以返回请求的数据,然后利用客户端的js进行解析,这一点体现出js的强大,本文介绍JS解析json数据并将json字符串转化为数组的实现方法, ...

  10. linux系统字符集

    Linux中中文乱码问题通常是由于字符集与windows不兼容所引起,windows的中文字符集是双字节的GBK编码linux采用的是3字节的utf-8编码,所以在windows下用工具连接linux ...