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 先给大家看看图片效果,大 ...
随机推荐
- js 写日期
<SCRIPT language="JavaScript" type="text/JavaScript"> today = new Date() ...
- jquery方法详解
jquery方法详解 http://www.365mini.com/doc
- gauge.js的应用
最近项目要做个手机端的仪表盘,但是画风太给力,echarts.highcharts.D3等等都不能满足业务的需求,你懂的!开找,找到个gauge.js 下面简单介绍下这个插件官网http://bern ...
- 认证和注册，提交到App Store:
账号分为个人和公司个人付费后2天左右,收到激活邮件,可以使用 member center certificates,identifiers&profiles:certificates 认证:d ...
- 【IOS学习基础】文件相关
一.沙盒(SandBox) 1.沙盒机制 1> 每个应用都有属于自己的存储空间,即沙盒. 2> 应用只能访问自己的沙盒,不可访问其他区域. 3> 如果应用需要进行文件操作,则必须将文 ...
- G - Reduced ID Numbers（第二季水）
Description T. Chur teaches various groups of students at university U. Every U-student has a unique ...
- 第一个XAML程序
创建win8程序的默认Xaml文件是MainPage.Xaml文件,文件的内容如下所示: <Page x:Class="App1.MainPage" xmlns=" ...
- Android studio checkstyle 使用
首先要安装CheckStyle-IDEA插件,官网:https://plugins.jetbrains.com/plugin/1065 打开Android studio进入设置->Plugins ...
- javascript 操作元素属性的方法
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
- 高性能WEB开发 为什么要减少请求数，如何减少请求数!
http请求头的数据量 [声明] 转载 原文出处:http://www.blogjava.net/BearRui/. 谢谢我们先分析下请求头,看看每次请求都带了那些额外的数据.下面是监控的googl ...