第三章 XHTML 表单
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 表单的更多相关文章
- HTML第三章:表单
第三章:表单 表单标签form:<form></form>//相当于一张记录用户信息的单子 常用属性:method:表单的提交方式,常用的值有两个 ...
- GXT之旅:第三章:表单和窗口(4)——表单的提交和RPC
表单使用HTTP提交 表单有两种提交方式,第一种就是传统的HTTP提交. 最直接的步骤就是: 使用FormPanel的setAction()方法,去定义submit的URL 使用FormPanel的i ...
- web—第三章XHTML
web—第三章XHTML 又是一周 我们学的了做表单:一开始我以为表单是表格.但结果:表单是以采集和提交用户输入数据的,这样讲很迷,说简单点就是登陆端.比如:Facebook.twitter.Ins ...
- 2017.2.28 activiti实战--第六章--任务表单(二)外置表单
学习资料:<Activiti实战> 第六章 任务表单(二)外置表单 6.3 外置表单 考虑到动态表单的缺点(见上节),外置表单使用的更多. 外置表单的特点: 页面的原样显示 字段值的自动填 ...
- 2017.2.28 activiti实战--第六章--任务表单(一)动态表单
学习资料:<Activiti实战> 第六章 任务表单(一)动态表单 内容概览:本章要完成一个OA(协同办公系统)的请假流程的设计,从实用的角度,讲解如何将activiti与业务紧密相连. ...
- 2017.2.22 activiti实战--第六章--任务表单
学习资料:<Activiti实战> 第六章 任务表单 本章将一步步完成一个协同办公系统(OA)的请假流程的设计,讲解如何将Activiti和实际业务联系起来. 首先讲解动态表单与外置表单的 ...
- 三、jQuery--jQuery基础--jQuery基础课程--第4章 jQuery表单选择器
1.:input表单选择器 如何获取表单全部元素?:input表单选择器可以实现,它的功能是返回全部的表单元素,不仅包括所有<input>标记的表单元素,而且还包括<textarea ...
- ASP.NET MVC 中将数据从View传递到控制器中的三种方法(表单数据绑定)
http://www.cnblogs.com/zyqgold/archive/2010/11/22/1884779.html 在ASP.NET MVC框架中,将视图中的数据传递到控制器中,主要通过发送 ...
- activiti自定义流程之自定义表单(三):表单列表及预览和删除
注:(1)环境配置:activiti自定义流程之自定义表单(一):环境配置 (2)创建表单:activiti自定义流程之自定义表单(二):创建表单 自定义表单创建成功,要拿到activiti中使用,自 ...
随机推荐
- 流媒体基础实践之——RTMP和HLS分发服务器nginx.conmf配置文件(解决了,只能播放RTMP流而不能够播放HLS流的原因)
user www www; worker_processes ; error_log logs/error.log debug; #pid logs/nginx.pid; events { worke ...
- Jsoup:解决java.net.UnknownHostException的问题
Jsoup:解决java.net.UnknownHostException的问题 时间 2013-06-20 11:23:08 CSDN博客 原文 http://blog.csdn.net/xyw ...
- Joke
你忍心蜗居在不到10平米的小屋里吗?你忍心看着自己的女友和你奋斗一辈子还供不起一套房吗?你忍心看着你父母缩衣节食把仅有的一点养老金帮你还房贷吗? 这里才是实现你梦想的地方.加入我们,待遇从优,装备齐全 ...
- mysql 理解 int(11)
1.这里的int(11) 与int的大小和存储字节,没有一毛钱关系,int的存储字节是4个字节,最大值为 65536*65536 = 40多亿,对于有符号的int,是20多亿.2.那么这里的(11) ...
- final简介
final简介 final用来修饰方法和属性表示特殊的意义.修饰方法时表示方法不能被重写:修饰属性时表示属性不能被改变,这里属性又分为对象和基本类型,修饰基本类型表示基本类型赋值以后不能再被赋值,修饰 ...
- WAP调用微信支付https://pay.weixin.qq.com/wiki/doc/api/wap.php?chapter=15_1
公司做的一个购物网站 之前微信版的网站要搬在webView上 可是微信支付是个问题 , 在外部浏览器怎么都发不起微信请求 , 原因是因为页面调用的微信浏览器自带JSAPI 在外部浏览器无法调用,但 ...
- c time_t 和 oc NSDate 的转换
c time_t 和 oc NSDate 的转换 1:time_t 转 oc NSDate time_t some_time_t=NULL; NSDate *someDate = [NSDate da ...
- 小div在大div中垂直居中,以及div在页面垂直居中
<html> <head> <title>淘宝 2faner</title> <style type="text/css"&g ...
- Mybatis学习(壹)
一.Mybatis的引言 1.Mybatis框架概念:是数据库持久层的框架,对数据库的访问和操作.Mybatis对JDBC的封装,Mybatis替换JDBC开发,解决DAO中的通用问题. 2.JDBC ...
- laravel实现第三方登录
https://github.com/laravel/socialite 这是官方的第三方登录包,支持很多国外的第三方登录 https://github.com/overtrue/socialite ...