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 先给大家看看图片效果,大 ...
随机推荐
- 追加addclass和removeclass
//addclass Base.prototype.addclass=function(classname){ for(var i=0;i< ...
- CAS SSO
1. CAS 简介 1.1. What is CAS ? CAS ( Central Authentication Service ) 是 Yale 大学发起的一个企业级的.开源的项目,旨 ...
- UVA 12125 March of the Penguins
题意: 给定一些冰块,每个冰块上有一些企鹅,每个冰块有一个可以跳出的次数限制,每个冰块位于一个坐标,现在每个企鹅跳跃力为d,问所有企鹅能否跳到一点上,如果可以输出所有落脚冰块,如果没有方案就打印-1 ...
- SqlHelper 简单版
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.D ...
- <转>科普CPU Cache line
转载于http://coolshell.cn/articles/10249.html CPU cache一直是理解计算机体系架构的重要知识点,也是并发编程设计中的技术难点,而且相关参考资料如同过江之鲫 ...
- Java中的static关键字
写在前面: 在Java中并不存在全局变量的概念,但是我们可以通过static来实现一个“伪全局”的概念,在Java中static表示“全局”或“静态”的意思,用来修饰成员变量和成员方法,当然也可以修饰 ...
- MySQL与unix时间问题
1.select unix_timestamp() -->可以返回以秒记的unix时间. 2.select from_unixtime('1455804595','%Y年%m月%d号'); -- ...
- 配置阿里云作为yum 源
第一步:下载aliyum 的yum源配置文件. http://mirrors.aliyun.com/repo/ 第二步:把下载到的repo文件复制到/etc/yum.repo.d/目录下. ----- ...
- MVC 视频笔记
1.关闭Jquery的浏览器缓存 $.ajaxSetup({cache:fasle});
- 微软源代码管理工具TFS2013安装与使用图文教程
微软源代码管理工具TFS2013安装与使用图文教程 这篇文章主要介绍了微软源代码管理工具TFS2013安装与使用图文教程,本文详细的给出了TFS2013的安装配置过程.使用教程,需要的朋友可以参考下 ...