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 先给大家看看图片效果,大 ...
随机推荐
- 阿里云RDS导入服务器数据库 XtraBackup
如果是centos系统,默认会开启selinux 一定需关闭selinux 解决方法:关闭它,打开/etc/selinux/config,把SELINUX=enforcing改为SELINUX=dis ...
- Java - 注解 (Annotation)
Java - 注解 (Annotation) 一.基本的 Annotation > 使用 Annotation 时要在其前面增加 @符号,并把该 Annotation 当成一个修饰符 ...
- stagefright框架(七)-Audio和Video的同步
讲完了audio和video的处理流程,接下来要看的是audio和video同步化(synchronization)的问题.OpenCORE的做法是设置一个主clock,而audio和video就分别 ...
- ASP.NET属性之AssociatedControlID
AssociatedControlID 是用在Asp.Net 中的 Label 控件上.给label控件关联一个ASP.NET的控件,在点击 这个 LABEL的时候,所关联的ASP.NET控件会获得焦 ...
- sql server数据库区分大小写设置
数据库表中字段alter Table TableName 区分大小写 ALTER Column ColumnName VARCHAR(50) COLLATE Chinese_PRC_CS_AS不区分大 ...
- jdbc select
import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import ...
- SQL子句执行顺序和Join的一点总结
SQL子句执行顺序和Join的一点总结 FROM ON JOIN WHERE GROUP BY WITH CUBE or WITH ROLLUP HAVING SELECT DISTINCT ORDE ...
- QJson 的使用
下载 源码解压 https://github.com/flavio/qjson 复制 src 目录下所有 .h .cpp .hh 文件到项目目录 qjson,pro 文件添加 INCLUDEPATH ...
- CDZSC_2015寒假新人(1)——基础 a
Description Contest time again! How excited it is to see balloons floating around. But to tell you a ...
- web.xml中<load-on-start>n</load-on-satrt>作用
如下面一段配置,我们再熟悉不过了: 我们注意到它里面包含了这段配置:<load-on-startup>1</load-on-startup>,那么这个配置有什么作用呢? 作用如 ...