投稿
  1. 首页
  2. 框架

tr有四个td每个td下有个input输入框！没有id属性！我想在光标离开第三个tr

trunks • 2023-4-28 • 框架 • 阅读 6

tr有四个td每个td下有个input输入框！没有id属性！我想在光标离开第三个tr,第1张

为input加onBlur失去焦点事件，遍历input所在父级元素td的同级td元素,如果是当前处于第三个，则获取遍历的第一个td元素，再获取td元素下的input元素再获取值；

注：最好是在动态生成时对input 加一定规律的class属性，这样才能更加便捷的获取到元素进行 *** 作；

TD编辑器的快速添加内容快捷键是「Ctrl + Alt + I」，按下该组合键将会d出一个快捷菜单，以帮助您快速插入各种格式的内容。通过该快捷键，您可以快速插入文字，表格，，链接等内容，提高文本编辑效率并优化文档质量。请注意，该快捷键可能因 *** 作系统、浏览器或其他应用程序等因素而有所不同。

定义和用法

标签，是用在网页中的一种HTML标签，表示网页的主体部分，也就是用户可以看到的内容，可以包含文本、、音频、视频等各种内容！

格式一般如下：

<html>

<head>

<title>；网页名称</title>

</head>

<body>

存入网页的主体部分内容如：

<table>；代表表格

<tr>；代表行

<p>；代表段落

<td>；代表单元格

</td>；代表单元格

</tr>；代表行

</p>；代表段落

</table>；代表表格

</body>

</html>

超链接文字的颜色

为了突出超链接，超链接文字通常采用与其它文字不同的颜色，超链接文字的下端还会加一个横线。

HTML文字的超链接文字有默认的颜色，在标记中也可自定义这些颜色。有3个属性：

⑴ link：未访问过的超链接颜色

⑵ vlink：已访问过的超链接颜色

⑶ alink：鼠标点击超链接时的颜色

如：

文档边缘

默认情况下，文档显示的位置与浏览器的边框有一定的距离。在标记中可以通过添加属性自定义文档边缘与窗口的距离。

⑴ topmargin：文档上边的边缘大小

⑵ leftmargin：文档左边的边缘大小

⑶ rightmargin：文档右边的边缘大小

⑷ bottommargin：文档下边的边缘大小

例如：

在这里边缘大小的单位是“像素”。

对齐属性，范围属性：

ALIGN=LEFT,左对齐（缺省值）,WIDTH=象素值或百分比，对象宽度

ALIGN=CENTER，居中，HEIGHT=象素值或百分比，对象高度

ALIGN=RIGHT，右对齐

色彩属性：

COLOR=#RRGGBB，前景色，参考色彩对照表

BGCOLOR=#RRGGBB，背景色

基本结构标签：

<HTML>；，表示该文件为HTML文件

<HEAD>；，包含文件的标题，使用的脚本，样式定义等

<TITLE>---</TITLE>；，包含文件的标题，标题出现在浏览器标题栏中

</HEAD>,<HEAD>；的结束标志

<BODY>；，放置浏览器中显示信息的所有标志和属性，其中内容在浏览器中显示

</BODY>,<BODY>；的结束标志

</HTML>,<HTML>；的结束标志

其它主要标签，以下所有标志用在<BODY></BODY>；中：

<A,HREF=…></A>；，链接标志，…为链接的文件地址

<IMG,SRC=…>；，显示标志，…为的地址

<BR>；，换行标志

<P>；，分段标志

<B></B>；，采用粗体字

<I></I>；，采用斜体字

<HR>；，水平画线

<TABLE></TABLE>；，定义表格，HTML中重要的标志

<TR></TR>；，定义表格的行，用在<TABLE></TABLE>；中

<TD></TD>；，定义表格的单元格，用在<TR></TR>；中

<FONT></FONT>；，字体样式标志

属性：

属性是用来修饰标志的，属性放在开始标志内

例：属性bgcolor=BLACK表示背景色为黑色

引用属性的例子：

<BODY bgcolor=BLACK></BODY>；表示页面背景色为黑色；

<TABLE bgcolor=BLACK></TABLE>；表示表格背景色为黑色

常用属性：

对齐属性，范围属性：

ALIGN=LEFT，左对齐（缺省值），WIDTH=象素值或百分比，对象宽度

ALIGN=CENTER，居中，HEIGHT=象素值或百分比，对象高度

ALIGN=RIGHT，右对齐

色彩属性：

COLOR=#RRGGBB，前景色，参考色彩对照表

BGCOLOR=#RRGGBB，背景色

<center>；表示绝对居中

<table></table>；表格标识的开始和结束

属性：

cellpadding=数值单位是像素，定义表元内距

cellspacing=数值单位是像素，定义表元间距

border=数值单位是像素，定义表格边框宽度

width=数值单位是像素或窗口百分比,定义表格宽度

background=链接地址，定义表格背景图

<tr></tr>；表格中一个表格行的开始和结束；

<td></td>；表格中行内一个单元格的开始和结束

属性：

Colspan=,单元格跨越多列；

Rowspan=,单元格跨越多行；

Width=;定义表格宽度

Height=;定义表格高度

Align=;对齐方式

Valign=;

Border=,边框宽度；

Bgcolor=,背景色；

Bordercolor=,边框颜色；

Bordercolorlight=,边框明亮面的颜色；

Bordercolordark=,边框暗淡面的颜色；

Cellpadding=,内容与边框的距离（默认为2）；

Cellspacing=,单元格间的距离（默认为2）；

<br>；强制换行

<font></font>；文本标识的开始和结束

属性：

face=字体

color=颜色

<b></b>；加粗文字标识的开始和结束

属性：

style=font-size:40pt；，用样式表方式控制字体大小，这里是40点

<div></div>；，分区标识的开始和结束

属性：

align=|center|left|right|水平对齐方式

<marquee></marquee>；动态标识的开始和结束，如标识内放置贴图格式则可实现滚动

属性：

scrollamount=1~60，滚动速度

direction=|left|right|up|down|，滚动方向

scrolldelay=滚动延时，单位：毫秒

<P>；段落标识，

空格符，

<img>；贴图标识

属性：

src=//链接地址，贴图标识必备属性

style=filter:Alpha(opacity=100,style=2）；

filter：样式表滤镜；

Alpha：透明滤镜，

opacity：不透明度100(0~100）；

style：样式2(0~3），

rules=none不显示内框

<embed,src=…>；多媒体文件标识

属性：

SRC=//FILENAME,

设定音乐文件的路径，文件类型除了可以播放rm;mp3;wav等音频，还可播放swf和mov等视频

AUTOSTART=TRUE/FALSE,

是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默认为FALSE

LOOP=，设定播放重复次数，LOOP=6表示重复6次，true或-1为无限循环，false为播放一次即停止

STARTIME=分：秒,

设定乐曲的开始播放时间，如20秒后播放写为STARTIME=00:20

VOLUME=0-100,

设定音量的大小如果没设定的话，就用系统的音量

WIDTH,HEIGHT,

设定控制面板的大小，都设为0可隐藏播放器

HIDDEN=TRUE,

隐藏控制面板

CONTROLS=CONSOLE/SMALLCONSOLE,

设定控制面板的样子，

<bgsound,src=…>；，背景音乐标识，只能用于wav和mp3格式

属性：

LOOP=，设定播放重复次数，LOOP=6表示重复6次，true或-1为无限循环，false为播放一次即停止

表单标签：

<form></form>；表格标识的开始和结束，表单的内容都放在这里

下边的标签放在表单内：

<select>；下拉选择框

<option></option>

</select>

属性：

Multiple，多选

<textarea></textarea>；，大量文字输入的编辑块

属性：

Cols=,行；

Rows=,列；

<input type=text>；，文本框

<input type=password>；，密码框

<input type=submit>；，提交按扭

<input type=checkbox>；，复选框

<input type=radio>；，单选框

<input type=reset>；，重置按扭

<input type=image>；，按扭

<input type=hidden>；，隐藏域

<input type=button>；，按扭

<input type=file>；，浏览文件

公共属性：

Name=;

Value=

Size=

框架标签：

<FRAMESET></FRAMESET>；，定义框架

<FRAME>；，放在框架标签内，定义每个框架的内容

属性：

Cols=

Rows=

Frameborder=

Framespacing=

src=

Scrolling=,滚动条（No,Yes);

Noresize，框加大小不可变；

Marginhight=,高度空余空间；

Marginwidth=,宽度空余空间；

Target=,目标框架

其他标签：

<bgsound>；，背景音乐；

Src=

Loop=,循环次数；

<embed>；，媒体播放块；

Src=

Loop=,循环次数；

<marquee></marquee>；，滚动部分；

属性：

Bgcolor=

Behavior，设置或获取文本如何在字幕中滚动

Direction=,滚动方向；

Height=

Width=

Loop=,环次数；

scrollAmount=,设置或获取介于每个字幕绘制序列之间的文本滚动像素数

scrollDelay=,设置或获取字幕滚动的速度

scrollHeight=,获取对象的滚动高度；

scrollLeft=,设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离

scrollTop=,设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

trueSpeed=,设置或获取字幕的位置是否使用scrollDelay和scrollAmount属性计算，已过的实际时间来自于时钟计时

<!---->；，注释标记，在<!--与-->之间的内容将不在浏览器中显示

--

基本标签：

<html></html>；，创建一个HTML文档；

<head></head>；，设置文档标题和其它在网页中不显示的信息；

<title></title>；，设置文档的标题；

<h1></h1>；，最大的标题；

<pre></pre>；，预先格式化文本；

<u></u>；，下划线

<b></b>；，黑体字；

<i></i>；，斜体字；

<tt></tt>；，打字机风格的字体；

<cite></cite>；，引用，通常是斜体；

<em></em>；，强调文本（通常是斜体加黑体）；

<strong></strong>；，加重文本（通常是斜体加黑体）；

<font,size=,color=></font>；，设置字体大小从1到7，颜色使用名字或RGB的十六进制值；

<BASEFONT></BASEFONT>；，基准字体标记；

<big></big>；，字体加大；

<SMALL></SMALL>；，字体缩小；

<STRIKE></STRIKE>；，加删除线；

<CODE></CODE>；，程式码；

<KBD></KBD>；，键盘字；

<SAMP></SAMP>；，范例；

<VAR></VAR>；，变量；

<BLOCKQUOTE></BLOCKQUOTE>；，向右缩排；

<DFN></DFN>；，述语定义；

<ADDRESS></ADDRESS>；，地址标记；

<sup></SUP>；，上标字；

<SUB></SUB>；，下标字；

<xmp></xmp>；固定宽度字体（在文件中空白、换行、定位功能有效）

<plaintext></plaintext>；固定宽度字体（不执行标记符号);

<listing></listing>；，固定宽度小字体；

<font,color=00ff00></font>；字体颜色；

<font,size=1></font>；最小字体；

<font,style,='font-size:100,px'></font>；无限增大

格式标签：

<p></p>；，创建一个段落；

<p,align=>；，将段落按左、中、右对齐；

<br>；，换行，插入一个回车换行符；

<blockquote></blockquote>；，从两边缩进文本；

<dl></dl>；，列表标签，定义列表；

<dt>；，定义列表标题；

<dd>；，定义列表内容；

例：

<dl>

<dt>；标题1</dt>

<dd>；内容11</dd>

<dd>；内容12</dd>

<dt>；标题2</dt>

<dd>；内容21</dd>

<dd>；内容22</dd>

</dl>

<ol></ol>；，列表标签，定义一个标有数字的列表；

<ul></ul>；，列表标签，定义一个标有圆点的列表；

<li>；，放在每个列表项之前；

放在<ol></ol>；之间则每个列表项加上一个数字，放在<ul></ul>；之间则每个列表项加上一个圆点；

<div,align=></div>；，分区标签，用来排版大块HTML段落，也用于格式化表；

<MENU>；，选项清单；

<DIR>；，目录清单；

<nobr></nobr>；，强行不换行；

<hr size='9',width='80%',color='ff0000'>；水平线（设定宽度）；

<center></center>；，水平居中

链接标签：

<a href=URL></a>；，创建超文本链接；

<a href=mailtEMAIL>

</a>；，创建自动发送电子邮件的链接；

<a name=name></a>；，创建位于文档内部的书签；

<a href=#name></a>；，创建指向位于文档内部书签的链接；

<Base>；，文档中不能被该站点辨识的其它所有链接源的URL;

<Link>；，定义一个链接和源之间的相互关系；

链接标签注解：

target=,决定链接源在什么地方显示（用户自定义的名字，_blank,_parent,_self,_top);

rel=,发送链接的类型；

rev=,保存链接的类型；

accesskey=,指定该元素的热键;

shape=,允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly);

coord=,使用像素或者长度百分比来定义形状的尺寸；

tabindex=,使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序（使用tab键使元素获得焦点）

表格标签：

<table></table>；，创建一个表格；

<tr></tr>；，表格中的每一行；

<td></td>；，表格中一行中的每一个格子；

<th></th>；，设置表格头：通常是黑体居中文字；

<table cellspacing=>；，设置表格格子之间空间的大小；

<table border=>；，设置边框的宽度；

<table cellpadding=>；，设置表格格子边框与其内部内容之间空间的大小；

<table width=>；，设置表格的宽度用绝对像素值或总宽度的百分比；

<table align=>；，设置表格格子的水平对齐方式（left,center,right,justify);

<tr align=>；，设置表格格子的水平对齐方式（left,center,right,justify);

<tr valign=>；，设置表格格子的垂直对齐方式（baseline,bottom,middle,top);

<td colspan=>；，设置一个表格格子跨占的列数（缺省值为1）；

<td rowspan=>；，设置一个表格格子跨占的行数（缺省值为1）；

<td nowrap>；，禁止表格格子内的内容自动断行；

<CAPTION></CAPTION>；，表格的标题；

<COLGROUP></COLGROUP>；，定义多个列为一组列；

<TABLE></TABLE>；，创建一个表格；

<THEAD></THEAD>；，定义表格的页眉；

<COL>；，定义一个列组中的列，以便对它们能够同时设置有关属性；

<TBODY></TBODY>；，定义一个表格的实体；

<TFOOT></TFOOT>；，定义一个表格的页脚；

表单标签：

<form></form>；，创建表单；

action=,接收数据的服务器的URL;

method=,>

<html></html> 创建一个HTML文档

<head></head> 设置文档标题和其它在网页中不显示的信息

<title></title> 设置文档的标题

<h1></h1> 最大的标题

<pre></pre> 预先格式化文本

<u></u> 下划线

<b></b> 黑体字

<i></i> 斜体字

<tt></tt> 打字机风格的字体

<cite></cite> 引用,通常是斜体

<em></em> 强调文本(通常是斜体加黑体)

<strong></strong> 加重文本(通常是斜体加黑体)

<font size="" color=""></font> 设置字体大小从1到7，颜色使用名字或RGB的十六进制值

<BASEFONT></BASEFONT> 基准字体标记

<big></big> 字体加大

<SMALL></SMALL> 字体缩小

<STRIKE></STRIKE> 加删除线

<CODE></CODE> 程式码

<KBD></KBD> 键盘字

<SAMP></SAMP> 范例

<VAR></VAR> 变量

<BLOCKQUOTE></BLOCKQUOTE> 向右缩排

<DFN></DFN> 述语定义

<ADDRESS></ADDRESS> 地址标记

<sup></SUP> 上标字

<SUB></SUB> 下标字

<xmp></xmp>固定宽度字体(在文件中空白、换行、定位功能有效)

<plaintext></plaintext>固定宽度字体(不执行标记符号)

<listing></listing> 固定宽度小字体

<font color=00ff00></font>字体颜色

<font size=1></font>最小字体

<font style ='font-size:100 px'></font>无限增大

◆◆◆◆◆◆◆◆◆◆◆◆◆◆《〈格式标志〉》◆◆◆◆◆◆◆◆◆◆◆◆

<p></p> 创建一个段落

<p align=""> 将段落按左、中、右对齐

<br>换行 插入一个回车换行符

<blockquote></blockquote> 从两边缩进文本

<dl></dl> 定义列表

<dt> 放在每个定义术语词前

<dd> 放在每个定义之前

<ol></ol> 创建一个标有数字的列表

<ul></ul> 创建一个标有圆点的列表

<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,

若在<ul></ul>之间则每个列表项加上一个圆点

<div align=""></div> 用来排版大块HTML段落,也用于格式化表

<MENU> 选项清单

<DIR> 目录清单

<nobr></nobr> 强行不换行

<hr size='9' width='80%' color='ff0000'>水平线(设定宽度)

<center></center> 水平居中

◆◆◆◆◆◆◆◆◆《〈链接标志表格标志〉》◆◆◆◆◆◆◆◆◆◆◆◆◆◆

<a href="URL"></a> 创建超文本链接

<a href="mailtEMAIL">

</a> 创建自动发送电子邮件的链接

<a name="name"></a> 创建位于文档内部的书签

<a href="#name"></a> 创建指向位于文档内部书签的链接

<BASE> 文档中不能被该站点辨识的其它所有链接源的URL

<LINK> 定义一个链接和源之间的相互关系

◆◆◆◆◆◆◆◆链接标记注解：◆◆◆◆◆◆◆◆◆◆◆◆

◆target=""决定链接源在什么地方显示(用户自定义的名字，_blank,_parent,_self,_top

◆rel=""发送链接的类型

◆rev=""保存链接的类型

◆accesskey=""指定该元素的热键

◆shape=""允许我们使用已定义的形状定义客户端的图形镜像(default，rect，circle，poly

◆coord=""使用像素或者长度百分比来定义形状的尺寸

◆tabindex=""使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)

◆◆◆◆◆◆◆◆表格标记注解：◆◆◆◆◆◆◆◆◆◆◆◆

<table></table> 创建一个表格

<tr></tr> 表格中的每一行

<td></td> 表格中一行中的每一个格子

<th></th> 设置表格头:通常是黑体居中文字

<table cellspacing=""> 设置表格格子之间空间的大小

<table border=""> 设置边框的宽度

<table cellpadding=""> 设置表格格子边框与其内部内容之间空间的大小

<table width=""> 设置表格的宽度。用绝对像素值或总宽度的百分比

<table align=""> 设置表格格子的水平对齐方式(left,center,right,justify)

<tr align=""> 设置表格格子的水平对齐方式(left,center,right,justify)

<tr valign=""> 设置表格格子的垂直对齐方式(baseline,bottom,middle,top)

<td colspan=""> 设置一个表格格子跨占的列数(缺省值为1)

<td rowspan=""> 设置一个表格格子跨占的行数(缺省值为1)

<td nowrap> 禁止表格格子内的内容自动断行

<CAPTION></CAPTION> 表格的标题

<COLGROUP></COLGROUP> 定义多个列为一组列

<TABLE></TABLE> 创建一个表格

<THEAD></THEAD> 定义表格的页眉

<COL> 定义一个列组中的列，以便对它们能够同时设置有关属性

<TBODY></TBODY> 定义一个表格的实体

<TFOOT></TFOOT> 定义一个表格的页脚

◆◆◆◆◆◆◆◆◆◆◆◆《表单标志》◆◆◆◆◆◆◆◆◆◆◆

<form></form> 创建表单

action=""接收数据的服务器的URL

method="">

以上就是关于tr有四个td每个td下有个input输入框！没有id属性！我想在光标离开第三个tr全部的内容，包括:tr有四个td每个td下有个input输入框！没有id属性！我想在光标离开第三个tr、td快速添加内容快捷键、body的html标签等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/9418739.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
trunks trunks 一级用户组
0 0
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表（0条）

保存