2014.9.16HTML表单CSS

(一)表格

合并单元格(少用)

(合并列)

1.先选中要合并的2个或多个单元格,然后点击以下图标

代码:<td colspan="2"> </td>

2.设置colspan属性

删掉一个<td></td>

(合并行)

代码:<td rowspan="2"> </td>

1.设置rowspan属性

2.删掉对应的n-1个<td></td>

(二)锚点

<a href="#first">第一章</a>

<a href="#second">第二章</a>

在第一章的位置:<a name="first"></a>

在第二章的位置:<a name="second"></a>

1.做锚点的标签。<a name=""></a>xxx

2.做指向锚点的超链接。<a href="页面全名#锚点名">xxx</a>

(三)表单

只要是输入的地方,都要放到<form>里面去

<form id="" name="" method="post(长度不限)/get(长度有限)" action="提交到服务器端的地址,提交给谁来处理">

</form>

action 表示提交的目标服务器

method 提交的方法get、post

*********************************文本输入类************************************

文本框<input type="text" values="">

密码框<input type="password" values="">

隐藏域<input type="hidden" values="">

文本区域

<textarea></textarea>

*****************************按钮类****************************************

提交按钮<input type="submit" values="按钮上的文字">

重置按钮<input type="reset" values="按钮上的文字">

普通按钮<input type="button" values="按钮上的文字">

图像域<input type="image" src="图片地址">

********************************选择输入类*********************************

单选按钮<input type="radio" name="用来分组" value="true" id="RadioGroup1_0" checked="checked"(初始值被勾选)/>

复选框<input type="checkbox" name="用来分组" value="true" id="RadioGroup1_0" checked="checked"(初始值被勾选)/>

下拉列表

<select name="" size="n"(列表) multiple="multiple"(多选) id="">

<option value="项的值" selected="selected">项的显示内容</option>

</select>

文件域

文件上传:<input type="file" name="" id="">

(四)框架集

-> 将页面分块布局(框架直接属于html)

-> 基本语法

<frameset cols=“30%, *” rows=“”>

<frame src=“URL” noresize=“noresize”/>

<noframes><body></body></noframes>

</frameset>

1.frameset,frame

如何横向、纵向分割窗口?frameset中的rows="100,*",cols="100,*"

如何分割复杂的窗口?framework的嵌套

如何禁用窗口大小可调?frame的noresize="noresize"

如何隐藏分割窗口的边框?frameset的frameborder="no"

如何在超链接中指定目标页面显示在哪个框架窗口中?

第一步:给要显示内容的目标frame是指name属性

第二步:给超链接的target属性赋值成第一步设置name

如何让整个frameset页面跳转到某个页面?

把超链接的target属性设置成"_top"

如何不让frame中出现滚动条?

把frame的scrolling属性设置为no

2.iframe

在原来的HTML页面上,嵌入一个小窗口,用来显示其他小窗口

<iframe frameborder="0" scrolling="no" src="">

CSS 层叠样式表

作用:美化HTML网页的

分类:

1.内联

2.内嵌

3.外部

选择器:

1.简单选择器

标签选择器: b{ }

Class选择器: .名字 <div  name=“名字”>

Id选择器:  #名字 <div   id=“名字”>

2.复合选择器

以逗号隔开,并列同时起作用   #名字,#名字

以空格隔开,后代关系    div p (对div里的p起作用)

筛选关系    p.dd  (针对p元素里的dd名起作用)

时间: 2024-10-19 15:59:10

2014.9.16HTML表单CSS的相关文章

HTML表单 CSS样式

1.HTML表单 <body rightmargin="50" leftmargin="50" background="未标题-1.jpg"> <from> <table border="0" cellspacing="3" align="center"> <tr> <td>邮箱:</td> <td>&l

表单+css样式+

一.表单 含义:所有表单元素放在 form 标签里面 <form action="提交的地址" method="提交方式默认get">表单元素 </form>页面get传值的写法路径?属性=属性值键值对键=值 & 键=值 知识点:所有的表单元素,除了提交和重置和文件,其他表单 元素可以在form标签外面用1.表单元素的类型文本类型:disabled/readonly:不可编辑 文本框:text 密码框:password 隐藏域:hid

0522 HTML表单 CSS基础

一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,"无序列表"的意思. li:list item,"列表项"的意思. 示例: 复制代码 <ul> <li>张三</li> <li>李四</li> <li>王五</li> </ul> 注意: li不能单独存在,必

html 表单 css样式表

<body> <center> 帐号:<input type="text" name="first"/> <br> 密码:<input type="password" name="seconds"> <br> 备注:<textarea name="third" cols="50" rows="10&q

LiveBos---设置表单css

Table.OperateForm td.Data textarea.style1{height:100px !important}

CSS 表单

1.表单的工作原理: 2.表单的写法: 3.表单的常用代码及表现形式: <body> <form action="http://www.miaov.com/" method="get" target="_blank"> 提交按钮:<input type="submit" value="提交OK" name="" /> <br/><br

表单 -文本框之前或之后添加文本或按钮

样式: *现代浏览器的最新版都支持inline-block,只有ie6.7不支持inline-block,但ie6.7可以通过 display:inline:zoom:1:来模拟. *firefox,safari,opera,ie8+中的 inline-block 元素之间会莫名其妙多出3px的间距,其实这个是换行符,可以在inline-block的父元素中加上 font-size:0:来去掉inline-block元素之间的空隙. *white-space: nowrap;   设置如何处理元

表单提交1

表单提交的HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link href="注册表

css解决select下拉表单option高度的办法

css在给select下拉表单设置样式如边框时可以轻松搞定,而我们在不喜欢其默认的下拉箭头的样式时试图通过background:url(图片路径)来修改之,则往往会出现浏览器的兼容性问题,在网上查了好多资料,最好的解决办法也是大神们用js来模拟下拉表单.额~,好吧,暂且就按照大神们的办法来解决这个问题吧. 下边来说说css如何解决select的option高度的? 有时我们在设置了select的高度后,发现其option的高度还是默认的高度,跟我们设置的select的高度大相径庭,很显然,这不是