表单、表格、flash、iframe、设置关键词、设置网页描述

表单
由于浏览器的开发厂商不同，表单空间在不同的浏览器的样式有差异，但是功能是一样的

     fieldset  表单字段集标签  块级  对表单内的表单控件进行分组legend    表单字段集标题标签  必须要写在fieldset元素的内的第一个子元素 type="radio"   单选按钮   name=""  value=""同一组单选按钮的name名要书写一样，对应的value值是需要发送到服务器type="checkbox"   多选按钮   name=""  value=""同一组多选按钮的name名要书写一样， 对应的value值是需要发送到服务器type="image"   图像域提交按钮    src="引入图片路径"  alt="submit"通过图片来充当提交按钮，发送的数据中会包含鼠标在图片上点击的坐标 x=""  y=""type="hidden"  定义隐藏字段  用户不可见，一般用来发送默认字段时使用的 name=""  value=""type="file"    上传文件按钮  name=""  value=""具有文件上传的样式，如果真的真正要实现上传的功能，还需要添加js实现label  绑定表单控件信息将需要绑定表单空间的id属性的属性值，书写在label标签的for属性的属性值使用方式：1.<label for="username">账号：<input type="text" name="username" id="username" value="" /></label>2.<label for="nan"><input type="radio" name="sex" id="nan" value="nan" />男</label>select  菜单列表标签  name=""   size="number"默认为1，大于以小于总选项时会出现滚动条option  菜单选项标签   value=""   label="规定一个更短的文本"  selectedca菜单默认选中属性，属性和属性值一样optgroup  菜单选项分组标签  对同类型的菜单选项进行分组，不能被选中   label="对分组进行描述"textarea  多行文本框   name=""   用鼠标拖动右下角可以改变文本框的大小cols: 规定一行的宽度，属性值是数字，数字是多少一行就可以书写多少个英文字母，汉子是数字的一半rows: 规定文本框的行数，属性值是数字，数字是多少就可以书写多少行，超过这个行数就会显示滚动条一般情况下都是通过css控制宽高，不会通过cols和rows属性确定大小button  按钮标签   双标签  在不同的浏览器中默认值不一样type:  submit   button  resetdisabled  禁用属性   可以让一个input标签禁止不能使用  属性和数值一样，使用中也可以只写属性，不写属性值checked   默认选中   可以让一个input标签默认被选中  属性和数值一样，使用中也可以只写属性，不写属性值*//*fieldset{width: 500px;height: 300px;}*/textarea{width: 500px;height: 300px;}</style>
</head>
<body><form name="" action="" method="get"><fieldset id=""><legend>信息注册表</legend><label for="username">账号：<input type="text" name="username" id="username" value="" /></label><br /><label for="password">密码：<input type="password" name="password" id="password" value="" /></label><br />性别：<label for="nan"><input type="radio" name="sex" id="nan" value="nan" />男</label><label for="nv"><input type="radio" name="sex" id="nv" value="nv" />女</label><label for="yao"><input type="radio" name="sex" id="yao" value="yao" disabled="disabled" /></label>妖<br />爱好：<input type="checkbox" name="hobby" id="ldm" value="ldm" checked="checked" /><label for="ldm">撸代码</label><input type="checkbox" name="hobby" id="xx" value="xx" /><label for="xx">学习</label><input type="checkbox" name="hobby" id="kyds" value="kyds" /><label for="kyds">刻意单身</label><input type="checkbox" name="hobby" id="bzdx" value="bzdx" disabled/><label for="bzdx">不找对象</label><br />爱车：<input type="checkbox" name="car" id="" value="bmw" />宝马<input type="checkbox" name="car" id="" value="ae86" checked />八六<input type="checkbox" name="car" id="" value="bbc" />奔奔<input type="checkbox" name="car" id="" value="bc" />奔驰<br /><input type="hidden" name="zhuce1" id="zhuce1" value="520" />上传：<input type="file" name="file" id="" value="" /><br />产地：<select name="diyu" size="1"><option value="bj">北京</option><option value="sh">上海</option><option value="gz">广州</option><optgroup label="安徽省"><option value="hf">合肥</option><option value="aq">安庆</option><option value="cz">滁州</option><option value="bb">蚌埠</option><option value="ahsz">宿州</option>                            </optgroup><optgroup label="江苏省"><option value="nj" selected="selected">南京</option><option value="jssz">苏州</option><option value="yz">扬州</option><option value="wx">无锡</option><option value="nt">南通</option>                           </optgroup><option value="heb" label="冰城">哈尔滨</option><option value="hhht" label="乳城">呼和浩特</option></select><br />自我介绍：<textarea name="jiwojieshao" rows="5" cols="10"></textarea><br /><br /><input type="image" src="../img/bg.gif" alt="submit"/><input type="submit" value="提交"/><button type="button">按钮</button></fieldset><!--<fieldset id=""><legend>张三的信息表</legend>账号：<input type="text" name="username" id="" value="" /><br />密码：<input type="password" name="password" id="" value="" /><br /><br /><input type="submit" value="提交"/><fieldset id=""><legend>张三家庭信息表</legend>账号：<input type="text" name="username" id="" value="" /><br />密码：<input type="password" name="password" id="" value="" /><br /><br /><input type="submit" value="提交"/></fieldset></fieldset>--><!--行内块元素--><object width="400px" height="300px" wmode="transparent"><param name="movie" value="../flash/f001.swf" /></object><!--推荐     行内块元素--><embed src="../flash/banner.swf" width="500px" height="400px" wmode="transparent"></embed><!--flash源文件格式.fla,导出影片为.swf,创建播放器格式为.exe.gif格式：.gif-->caption  表格标题标签  一个表格只能有一个标题，一定要写在table标签的第一个子元素的位置 th  表头单元格标签  文本会加粗水平居中显示td  标准单元格标签  文本不加粗靠左对齐显示列分组标签col   具有span属性，属性值为数字，默认值为1，为1时一列为一组，也可以定多列为一组<col span="1" class="col2" />colgroup  具有span属性，属性值为数字，默认值为1，为1时一列为一组，也可以定多列为一组<colgroup span="3" class="col2"></colgroup>col和colgroup组合使用<colgroup><col span="2" class="col1" /><col span="1" class="col2" /><col span="2" class="col3" /></colgroup>行分组标签-对表格行进行分组，他们中至少要包含一个tr标签thead  表格头部tbody  表格主体tfoot  表格尾部，页脚使用顺序：caption---colgroup---thead---tbody---tfoottable的html属性rules 设置表格的哪个部分的边框可见rows  设置行之间的边框可见cols  设置列之间的边框可见all   默认值，行和列之间的边框可见none  没有边框可见groups  设置行组和列祖之间的边框可见  只支持使用colgroup分组的方式table的css属性：border-collapse  设置表格边框是否合并显示collapse  边框会合并为一个边框显示  边框合并模式separate  默认值，边框会分开显示   边框分离模式border-spacing  设置相邻单元格边框之间的距离   只适用于边框分离模式length   只有一个值的时候，设置的是水平和垂直的距离length lenght  有两个值的时候，第一个值设置的是水平的间距距离，第二个值设置的是垂直的间距距离empty-cells   是否在空单元格周围绘制边框  只适用于边框分离模式hide   不在空单元格周边绘制边框show   在空单元格周围绘制边框table-layout  设置表格的布局算法auto   默认值，自动表格布局fixed  固定表格布局自动表格布局：列的宽度是由列单元格中没有折行的最宽的内容设定的。缺点：较慢（因为它需要在确定最终的布局前访问表格中的所有内容）。优点：灵活固定表格布局：固定宽度，不会随内容多少改变单元格宽度。优点：加快运行的速度,允许浏览器更快的对表格进行布局。缺点：不太灵活iframe  内联框架标签   可以通过引入其他页面在当前页面展示src  文件引入路径width  设置框架标签的显示宽度height 设置框架标签的显示高度frameborder  设置边框是否可见       0表示不可见   1表示可见scrolling  设置是否显示滚动条   no不显示   yes显示   auto自动写在标签中的文本只有在不支持此标签的浏览器中才能显示，提示用户使用的浏览器该升级了*/</style>
</head>
<body><iframe src="表单.html" width="600px" height="800px" frameborder="0" scrolling="yes">此浏览器太垃圾，不支持iframe标签</iframe>
</body><!--设置关键字--><meta name="Keywords" content="淘宝,掏宝,网上购物,C2C,在线交易,交易市场,网上交易,交易市场,网上买,网上卖,购物网站,团购,网上贸易,安全购物,电子商务,放心买,供应,买卖信息,网店,一口价,拍卖,网上开店,网络购物,打折,免费开店,网购,频道,店铺"/><!--设置网页描述--><meta name="Description" content="淘宝网 - 亚洲较大的网上交易平台，提供各类服饰、美容、家居、数码、话费/点卡充值… 数亿优质商品，同时提供担保交易(先收货后付款)等安全交易保障服务，并由商家提供退货承诺、破损补寄等消费者保障服务，让你安心享受网上购物乐趣！"/>

表单、表格、flash、iframe、设置关键词、设置网页描述相关推荐

用HTML制作表单表格能学到什么,Html学习之十七（表格与表单学习--排行版制作）...
表格与表单01 table{ width: 300px; height: 40px; margin: 100px auto; border-collapse: collapse; } .th2{ fl ...
插入的表单控制下拉框怎么设置_想要告别表单重复填写？这一个功能就够了
「表单填写关联」这个功能,小伙伴们有没有用过?在一些日常工作中,很多小伙伴习惯使用表单来提升工作效率,在使用过程中,经常会遇到一些问题,例如,不同的表单,相同的信息,需要重复填写,一次两次还好,可是像 ...
Excel文档总表与分表单（sheet）如何批量设置超链接跳转
方法介绍: A:总览表→分表代码:=HYPERLINK("#"&C2&"!A2",C2) 批量引用的话,如图3-D4–所示十字填充柄下拖即可批量 ...
php ci 表单校验,codeIgniter验证表单，Validation用法，规则设置
直接上完整代码,这个是最清楚的,数组设置验证规则. /** * 添加车辆信息 * @desc 增加车辆信息 * @param car_type_id int Y N 车型id,从第三方库获取 * @p ...
新工具：表单/Cookie 验证网站爬网设置工具
在今年3月份的blog里面,我曾经说过SharePoint Team将会发布一个补丁来让SharePoint Server 2007的搜索引擎支持对基于表单/Cookie验证的网站进行爬网.今天,Sh ...
表单标签和iframe标签的用法
今天来看一下表单标签和frame标签的用法. 1. 表单标签表单(form)是用户输入信息与网页互动的一种形式.大多数情况下,用户提交的信息会发给服务器,比如网站的搜索栏就是表单.表单由一种或多种的 ...
HTML 表单表格列表
目录 HTML 表单 type=" " 标签文本域密码字段单选按钮简单的下拉列表提交按钮重置完整代码 HTML 表格 HTML 和表格边框属性 HTML 表格头 HT ...
day10高级表单表格bfc
一.表单补充 1.textarea标签定义多行的文本输入控件文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体,可以通过cols(宽,列数)和rows(行数)属性来规定textarea的 ...
HTML表单表格标签总结
一.常用标签 -------------- 段落标签 ---- 字体加粗 ----- 斜 ...
form 表单 + HTML5(FileReader) +iframe 实现无刷新图片上传+图片预览效果
作为一个初入前端的菜鸟,最近因为一个无刷新上传图片问题走了很多弯路,所以在这里给大家分享一下,不足之处希望谅解.无刷新上传图片一般有两种方式,一种是 form 表单+iframe ,还有一种是 aja ...

表单、表格、flash、iframe、设置关键词、设置网页描述

表单、表格、flash、iframe、设置关键词、设置网页描述相关推荐

最新文章

热门文章