1、表单的主要作用在于在网页上提供一个图形用户界面,以采集和提交用户输入的数据。

2、HTML表单元素和属性可以分为两种类型:定义表单整体结构,使浏览器知道如何处理表单数据的元素;创建输入控件的元素。

3、表单是一个包含表单元素的区域;表单元素是允许用户在表单中输入信息的元素。

<form> 里面有action属性=服务器地址    method 属性=方法

4、***<input>  规定了用户可以输入的类型

其中type属性 =text--文本框  = password—密码框  =submit  提交按钮 =button 按钮  =reset 重置按钮

submit 可以触发action

***<textarea> 文本域 name——名称,id——标识符,cols—列,rows—行 maxlength——最大字符数    readonly—只读,可以复制  disabled—禁止操作

***<button>  input type=button  value=名称//<button>名称</button>

有disabled属性和formaction属性(url) 普通按钮,触发form里的action  方便被css里改变样式

***<select> 下拉框 每个选项需要用<option>定义 option里有value属性,是提交给服务器的。select 有disabled—禁用,size—一次性显示多少选项   multiple当该属性为真时可以复选选项

***<label> 为input元素定义标注

***<fieldset> 分组框  <legend> 框的标题  可以用来将表单内的相关元素进行分组

***<radio> 单选按钮 input type=”radio” 通过相同的name属性将单选按钮分为同一组

***<checkbox> 复选按钮

5、<iframe> 定义一个内联框架 属性src=url。

***<link>导入外部css文件

***<table>定义表格 属性border=表格边框样式  <tr>定义表格行 <th>定义表头  <td>定义每个单元格。

td里有colspan、rowspan属性,合并列和合并行

***<colgroup>  <col> style定义了一列元素的样式 <col>中有一个span属性,定义几列

***<thead><tbody><tfoot>也可以定义表头,表身,表尾巴,此样式方便被识别、搜索。

6、样式和布局

***<div>定义文档中的一个分隔区块或者一个区域部分。标签常用于组合块级元素,以便通过css来对这些元素进行格式化。

***<span> 用于对文档中的行内元素进行组合。//可以用来包含文本、提示

***<ul> <li>定义无序列表    多用于做导航

***<ol> <li>有序列表

***<dl> <li>自定义列表 <dt>项目名字  <dd>项目内容

***<menu>定义命令列表或者菜单。通常用于文本菜单,工具条和命令列表选项。

HTML支持多种输入控件,包括文本框、单选框、图像等等。用来创建HTML输入控件的元素有三种:<input>元素使用type属性定义不同的控件,包括文本和口令字段、复选框、单选框、提交和重置按钮、文件、隐藏域和图像;<select>和<option>二者组合使用,创建一个下拉列表下拉列表;<textarea>创建一个多行输入的文本框。

第三章 XHTML 表单的更多相关文章

  1. HTML第三章:表单

    第三章:表单 表单标签form:<form></form>//相当于一张记录用户信息的单子    常用属性:method:表单的提交方式,常用的值有两个             ...

  2. GXT之旅:第三章:表单和窗口(4)——表单的提交和RPC

    表单使用HTTP提交 表单有两种提交方式,第一种就是传统的HTTP提交. 最直接的步骤就是: 使用FormPanel的setAction()方法,去定义submit的URL 使用FormPanel的i ...

  3. web—第三章XHTML

     web—第三章XHTML 又是一周 我们学的了做表单:一开始我以为表单是表格.但结果:表单是以采集和提交用户输入数据的,这样讲很迷,说简单点就是登陆端.比如:Facebook.twitter.Ins ...

  4. 2017.2.28 activiti实战--第六章--任务表单(二)外置表单

    学习资料:<Activiti实战> 第六章 任务表单(二)外置表单 6.3 外置表单 考虑到动态表单的缺点(见上节),外置表单使用的更多. 外置表单的特点: 页面的原样显示 字段值的自动填 ...

  5. 2017.2.28 activiti实战--第六章--任务表单(一)动态表单

    学习资料:<Activiti实战> 第六章 任务表单(一)动态表单 内容概览:本章要完成一个OA(协同办公系统)的请假流程的设计,从实用的角度,讲解如何将activiti与业务紧密相连. ...

  6. 2017.2.22 activiti实战--第六章--任务表单

    学习资料:<Activiti实战> 第六章 任务表单 本章将一步步完成一个协同办公系统(OA)的请假流程的设计,讲解如何将Activiti和实际业务联系起来. 首先讲解动态表单与外置表单的 ...

  7. 三、jQuery--jQuery基础--jQuery基础课程--第4章 jQuery表单选择器

    1.:input表单选择器 如何获取表单全部元素?:input表单选择器可以实现,它的功能是返回全部的表单元素,不仅包括所有<input>标记的表单元素,而且还包括<textarea ...

  8. ASP.NET MVC 中将数据从View传递到控制器中的三种方法(表单数据绑定)

    http://www.cnblogs.com/zyqgold/archive/2010/11/22/1884779.html 在ASP.NET MVC框架中,将视图中的数据传递到控制器中,主要通过发送 ...

  9. activiti自定义流程之自定义表单(三):表单列表及预览和删除

    注:(1)环境配置:activiti自定义流程之自定义表单(一):环境配置 (2)创建表单:activiti自定义流程之自定义表单(二):创建表单 自定义表单创建成功,要拿到activiti中使用,自 ...

随机推荐

  1. iOS - ImageCache 网络图片缓存

    1.ImageCache 使用内存缓存方式: 使用沙盒缓存方式: 使用网络图片第三方库方式: SDWebImage: iOS 中著名的网络图片处理框架 包含的功能:图片下载.图片缓存.下载进度监听.g ...

  2. iOS - NSURLSession 网络请求

    前言 NS_CLASS_AVAILABLE(NSURLSESSION_AVAILABLE, 7_0) @interface NSURLSession : NSObject @available(iOS ...

  3. MySQL Server 5.7解压版缺少文件无法启动

    如题: 一般认为5.7中mysql目录下 缺少data/mysql/目录,导致无法启动: 解决方案: 重新安装5.6即可: 1.删除5.7中安装的服务: 到mysql\bin目录下运行:mysqld ...

  4. 小度Wifi_设置

    PS:现在我用的小度Wifi驱动的 安装程序的版本为:“XiaoduWiFi140923_M_3.0.9.rar”(保存于“百度云 OsSkill --> 软件安装包 > 小度Wifi__ ...

  5. Linux之free命令

    from http://www.cnblogs.com/peida/archive/2012/12/25/2831814.html free命令可以显示Linux系统中空闲的.已用的物理内存及swap ...

  6. hiho_1053_居民迁移

    题目大意 有N个居民点在一条直线上,每个居民点有一个x表示坐标,y表示居民点的现有居民数.现在要求将居民点的居民重新分配,每个居民点的居民最远迁移的距离为R,要求分配完之后,居民点中居民数最多的居民点 ...

  7. 配置tomcat,java运行环境

    1.下载JDK,安装 官网下载地址:http://java.sun.com/javase/downloads/index.jsp 下载后,安装,选择你想把JDK安装的目录: 比如:JDK安装目录:E: ...

  8. ios开发者证书 签发者无效

    2月14日以后,由于苹果更新安全证书:会导致本机制作的所有开发者证书无效: 钥匙串里的开发者证书无法使用 解决方式: 重新下载苹果公司的安全证书,并安装 1: 先在钥匙串里搜索到老的证书,如果有,请先 ...

  9. dede调用文章的栏目,作者,发布时间.以及连接数据库输出一个表

    发布时间: {dede:field.pubdate function="MyDate('Y-m-d H:i',@me)"/}类目:{dede:field.typename/}发布人 ...

  10. 如何使div左右倾斜

    <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" ...