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. Log 日志级别

        一直对于程序中的日志级别有点模糊,今天专门百度学习下.遂成此文:     日志记录器(Logger)是日志处理的核心组件.log4j具有5种正常级别(Level).:  1.static Le ...

  2. 学习manacher（最长公共回文串算法）

    给定一个字符串求出其中最长个公共回文串. 举列子: abab   -->回文串长度为2 以前的算法诸如: 扩展kmp求法过于麻烦,看到有一篇博文(http://leetcode.com/2011 ...

  3. jQuery选择器介绍：基本选择器、层次选择器、过滤选择器、表单选择器

    选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.因此,如果能熟练的使用选择器,不仅能简化代码,而且可以达到事半功倍的效果.jQuery选择器完全继承了 ...

  4. 再谈HTML

    关于WEB 采用B/S计算模式开发的应用程序我们一般称为Web应用程序. WEB三大层面: 网页的结构部分:结构的定义使用HTML语言(超文本标记语言Hyper Text Mark Up Langua ...

  5. uva 11624(bfs)

    11624 - Fire! Time limit: 1.000 seconds Joe works in a maze. Unfortunately, portions of the maze hav ...

  6. 137. Single Number II——问题是查找，本质是hash查找，只是记录的是32 bit中各个位出现次数而已

    Given an array of integers, every element appears three times except for one. Find that single one. ...

  7. 454. 4Sum II ——查找本质：hash最快，二分次之

    Given four lists A, B, C, D of integer values, compute how many tuples (i, j, k, l) there are such t ...

  8. Tomcat配置虚拟主机的两种方式

    1.基于主机名的虚拟主机配置 在随意盘符下建立一个目录作为虚拟地址的目录.例如:F:\virtualhost1,在其下建立 test1.html,写入内容例如:test 在tomcat/conf/se ...

  9. 通过计算机名访问linux

    1.安装samba 2.设置/etc/samba/smb.conf的 netbois name 配置节的值为你要设置的名称,如 netbois name = mylinux 也可以不设置此项,如果不设 ...

  10. nginx 配置优化的几个参数

    nginx 配置优化的几个参数 2011-04-22 本文地址: http://blog.phpbean.com/a.cn/7/ --水平有限欢迎指正-- -- 最近在服务器上搞了一些nginx 研究 ...