HTML2列表表单框架
HTML——Hyper Text Markup Language
<html>,<head>,<body>
一、基本标签:
(一)格式标签:——模型:word工具栏
<font color="" size="" face="">,<b>,<i>,<u>,<center>,<br>
(二)内容容器:——模型:腾讯新闻页面
<h1>...<h6>,<p>,<div>,<span>,<ul>,<ol>,<li>
二、常用标签:
(一)图像:<img src="" width="" height="" alt="" />
(二)超链接:<a href="">文本</a> <a name="">内容</a>
(三)图片链接:<a><img/></a>
三、表格
<table><tr><td>
(一)、<table>
属性:width,border,cellpadding,cellspacing,bgcolor,align
(二)、<tr>
属性:height,bgcolor,align,valign
(三)、<td>
属性:width,height,colspan,rowspan,bgcolor,align,valign
四、表单
<form id="" name="" action="" method=""></form>
所有表单元素都具有的属性:
id,name,disabled
(一)、文本类:
1.单行文本:<input id="" name="" type="text" value="" size="宽度(字符数)"/>
2.多行文本:<textarea id="" name="" rows="高(行数)" cols="宽(字符数)">内容</textarea>
3.密码:<input id="" name="" type="password" value="" size="宽度(字符数)"/>
4.隐藏域:<input id="" name="" type="hidden" value="" size="宽度(字符数)"/>
(二)、按钮类:
1.普通按钮:<input id="" name="" type="button" value="按钮上的文字" />
2.提交按钮:<input id="" name="" type="submit" value="按钮上的文字" />
3.重置按钮:<input id="" name="" type="reset" value="按钮上的文字" />
4.图像按钮:<input id="" name="" type="image" src="图像路径" width="" height="" />
(三)、选择类:


1.单选
<input id="" name="组名" type="radio" value="运算的值" checked="checked"/>
2.复选
<input id="" name="组名" type="checkbox" value="运算的值" checked="checked"/>
3.列表
下拉列表:
<select id="" name="">
<option value="1">送餐</option>
<option value="2">取餐</option>
<option value="3">订餐</option>
<option value="4">进餐</option>
</select>
列表:
<select id="" name="" size="大于1的数字" multiple="multiple">
<option value="1">送餐</option>
<option value="2">取餐</option>
<option value="3">订餐</option>
<option value="4">进餐</option>
</select>
4.文件
<input id="" name="" type="file"/>
五、框架


HTML——Hyper Text Markup Language
<html>,<head>,<body>
一、基本标签:
(一)格式标签:——模型:word工具栏
<font color="" size="" face="">,<b>,<i>,<u>,<center>,<br>
(二)内容容器:——模型:腾讯新闻页面
<h1>...<h6>,<p>,<div>,<span>,<ul>,<ol>,<li>
二、常用标签:
(一)图像:<img src="" width="" height="" alt="" />
(二)超链接:<a href="">文本</a> <a name="">内容</a>
(三)图片链接:<a><img/></a>
三、表格
<table><tr><td>
(一)、<table>
属性:width,border,cellpadding,cellspacing,bgcolor,align
(二)、<tr>
属性:height,bgcolor,align,valign
(三)、<td>
属性:width,height,colspan,rowspan,bgcolor,align,valign
四、表单
<form id="" name="" action="" method=""></form>
所有表单元素都具有的属性:
id,name,disabled
(一)、文本类:
1.单行文本:<input id="" name="" type="text" value="" size="宽度(字符数)"/>
2.多行文本:<textarea id="" name="" rows="高(行数)" cols="宽(字符数)">内容</textarea>
3.密码:<input id="" name="" type="password" value="" size="宽度(字符数)"/>
4.隐藏域:<input id="" name="" type="hidden" value="" size="宽度(字符数)"/>
(二)、按钮类:
1.普通按钮:<input id="" name="" type="button" value="按钮上的文字" />
2.提交按钮:<input id="" name="" type="submit" value="按钮上的文字" />
3.重置按钮:<input id="" name="" type="reset" value="按钮上的文字" />
4.图像按钮:<input id="" name="" type="image" src="图像路径" width="" height="" />
(三)、选择类:


1.单选
<input id="" name="组名" type="radio" value="运算的值" checked="checked"/>
2.复选
<input id="" name="组名" type="checkbox" value="运算的值" checked="checked"/>
3.列表
下拉列表:
<select id="" name="">
<option value="1">送餐</option>
<option value="2">取餐</option>
<option value="3">订餐</option>
<option value="4">进餐</option>
</select>
列表:
<select id="" name="" size="大于1的数字" multiple="multiple">
<option value="1">送餐</option>
<option value="2">取餐</option>
<option value="3">订餐</option>
<option value="4">进餐</option>
</select>
4.文件
<input id="" name="" type="file"/>
五、框架


(一)frameset
frameset主要用来分隔浏览器窗口,它所在的页面是用<frameset></frameset>来替换<body></body>
属性:
rows="100,*,100"
cols="100,*"
frameborder="no"
子元素:
<frame name="名称" src="页面的路径" noresize="noresize" scrolling="yes|no|auto"/>
(二)iframe
它是嵌入在body里面的。
<iframe width="300" height="400" frameborder="0" scrolling="no" src="Untitled-3.html"></iframe>
(一)frameset
frameset主要用来分隔浏览器窗口,它所在的页面是用<frameset></frameset>来替换<body></body>
属性:
rows="100,*,100"
cols="100,*"
frameborder="no"
子元素:
<frame name="名称" src="页面的路径" noresize="noresize" scrolling="yes|no|auto"/>
(二)iframe
它是嵌入在body里面的。
<iframe width="300" height="400" frameborder="0" scrolling="no" src="Untitled-3.html"></iframe>
HTML2列表表单框架的更多相关文章
- SharePoint 2013 关于自定义显示列表表单的bug
1.在SharePoint 2013中,我们隐藏列表Dispform页面的ListFormWebPart部件,转而使用自定义显示列表表单进行展示,因为这样更容易定制我们需要的显示: 2.之后发现文件夹 ...
- SharePoint 2013 配置InfoPath 列表表单
转载来源:http://www.cnblogs.com/jianyus/p/3470113.html SharePoint列表,都是通过表单展示,有时候不太符合要求,这时候,我们可以通过定制表单,来是 ...
- 用jQuery插件来提升SharePoint列表表单用户体验
本文将描述如何通过简单的CSS和jQuery插件提升SharePoint默认的列表表单体验.这些小技巧并不仅仅改善了外观,还提升了可用性. 剩余字数 我们以通知列表为例.通知正文字段假设要求不应该超过 ...
- [using_microsoft_infopath_2010]Chapter4 使用SharePoint列表表单
本章概要: 1.把SharePoint列表表单转换成InfoPath可用形式 2.使用字段和控件 3.规划表单布局 4.理解列表表单的局限性
- SharePoint 2013 Designer系列之自定义列表表单
在SharePoint的使用中,默认的样式过于单调经常困扰着我们,其实,SharePoint使用Designer工具,可以很轻松解决这一问题,制作出各式各样漂亮的页面.下面,让我们简单介绍下这一过程. ...
- SharePonit online 列表表单定制
1)在O365管理中心,确保启用了站点脚本定制,否则,网站不允许将页面切换到编辑模式. 2)Ribbon上,列表->表单web部件->编辑窗体 如果没有Ribbon,则到列表高级设置,启用 ...
- Android程序员学WEB前端(2)-HTML(2)-锚点链接列表表单-Sublime
转载请注明出处:http://blog.csdn.net/iwanghang/article/details/76522417觉得博文有用,请点赞,请评论,请关注,谢谢!~锚点 链接 列表 表单 &l ...
- layui列表表单
列表: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title ...
- 用jquery实现隐藏列表表单的显示关闭切换以及Ajax方式改动提交相应的那一行的改动内容。
请勿盗版,转载请加上出处http://blog.csdn.net/yanlintao1 请勿盗版,转载请加上出处http://blog.csdn.net/yanlintao1 先给大家看看图片效果,大 ...
随机推荐
- oracle ORA_ROWSCN 行记录的更新时间
在这介绍两个oracle 10G开始提供的一个伪列ORA_ROWSCN,它又分为两种模式一种是基于block,这是默认的模式,还有一种是基于row上,这种模式只能在建里表时指定ROWDEPENDENC ...
- java concurrent 之 SynchronousQueue
Java 6的并发编程包中的SynchronousQueue是一个没有数据缓冲的BlockingQueue,生产者线程对其的插入操作put必须等待消费者的移除操作take,反过来也一样. 不像Arra ...
- dojo.io.script
dojo.io.script 定义: 跨域访问数据,可以动态的将script标签插入到网页当中. 局限: 1.只支持get方式访问: 2.只支持异步调用. 使用: 1.dojo.io.script.g ...
- Winform获取应用程序的当前路径的方法集合(转)
Winform获取应用程序的当前路径的方法集合,具体如下,值得收藏 //获取当前进程的完整路径,包含文件名(进程名). string str = this.GetType().Assembly.Loc ...
- C# 中的常用正则表达式大全
这是从网上找来的,收藏一下备用,用到之处可以节省不少时间哦! 只能输入数字: "^[0-9]*$" . 只能输入n位的数字:"^\d{n}$". 只能输入 ...
- mysql单表大小的限制
mysql单表大小的限制一.MySQL数据库的MyISAM存储 引擎单表大小限制已经不是有MySQL数据库本身来决定(限制扩大到64pb),而是由所在主机的OS上面的文件系统来决定了.在mysql5. ...
- div+css+javascript 走马灯图片轮换显示
效果如图 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3 ...
- inline 间距
今天看了内联元素的间距: http://blog.csdn.net/hedong37518585/article/details/6657853
- 设计师如何为 Android 应用标注尺寸
http://blog.cutterman.cn/?p=33 1. 画布大小定位 720 x 1280,72 dpi2. 只使用偶数单位的尺寸,比如 96 px 的列表项高度,16 px 的边距,64 ...
- 解决function.bind()方法
这个 bind 方法只有在 ie10 版本的浏览器才得到原生支持,低于该版本的浏览器下执行时会得到一个 undefined 的错误提示. 于是只好再次上网 google 解决方案,功夫不负有心人,我们 ...