阿衡

不断追逐,永不放弃!

  博客园 :: 首页 :: 博问 :: 闪存 :: :: :: 订阅 订阅 :: 管理 ::

XHTML1.0中的常用元素和属性详解:

一.元素和属性

*通用属性:id class style(定义内联样式) title(定义提示)

1.<a href="目标地址" terget="_bank/_self">链接</a>

2.<img href="地址" alt="替换文本"/>

3.<button name="名字" type="button/reset/submit" value="值" disabled="是否可用">按钮上的显示文本</button>

*注:name建议用id代替(以下一样),disabled:当其取disabled是不可用,显示灰色,默认是可用

4.<form name="名字" method="post/get" action="URL" target="">内容</form>

5.<label for="关联表单元素的id">显示内容</label>

6.<input name="" type="text" value="默认显示内容" size="文本框的宽度" maxlength="最大可输入的长度"

      readonly="是否为只读" disabled=""/>

*注:当readonly取readonly时为只读状态,此时不可编辑,默认为可编辑

7.<input name="" type="password" value="默认显示的密码" size="密码框的宽度" maxlength="最大可输入的长度" readonly="是否为只读" disabled=""/>

8.<input name="" type="hidden" value="值"/>

9.<input name="相同的名字属于一组" type="radio" vaue="值" checked="是否初始选中" disabled=""/>

*注:定义单选按钮组用name,checked取值checked是表示初始时选中,默认补选中

10.<input name="相同的名字属于一组" type="checkbox" vaue="值" checked="是否初始选中" disabled=""/>

*注:定义复选框组用name

11.<input name="" type="file" size="路径框的长度" disabled=""/>

12.<input name="" type="button/reset/submit" value="按钮显示内容" disabled=""/>

13.<textarea cols="呈现的宽度" rows="呈现的高度" name=""  disabled="" readonly="">默认值</textarea>

*注:当text password textarea设定了value(默认值)时,reset按钮只能将其设到默认值,同理checkbox radio的checked和select的selected也一样

14.<select name="" size="呈现的行数" multiple="是否可以多选" disabled="">

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

          <option value="值" selected="是否初始选中">显示内容</option>

   </select>

*注:当允许多选时:如果size为1,则在右边出现上下翻滚的箭头,不可多选时:size为1时只出现向下箭头

15.<div> <p> <span>

16.ul li

17.br hr

18.h1---h6

19table th tr td

二.块元素和行内元素

块元素:div p ul li h1---h6 form

行内元素:a img input textarea select  button label

块级元素和块级元素之间有一空行,行内元素在一行逐次显示,不够空间换行

三.元素事件

1.窗口事件(body frameset)

onload:文档载入时

onunload:文档卸载

2.表单元素事件(对表单元素有效)

onchange:元素内容改变

onselect:元素被选

onblur:元素失去焦点

onsubmit:表单提交时

onreset:表单重设

3.键盘事件(上面介绍的所有元素可用)

onkeydown:键盘被按下

onkeypress:键盘按下后又松开

onkeyup:键盘被松开

4.鼠标事件(上面介绍的所有元素可用)

onclick:单击

ondbclick:双击

onmousedown:鼠标按钮按下

onmouseup:鼠标按钮松开

onmousemover:指针在某元素上移动

onmouseout:指针移出某元素

onmouseover:指针悬停在某元素上

 

 

 

 

 

 

 

 

 

 

 

 

 

posted on 2010-10-20 12:21  阿衡  阅读(873)  评论(0编辑  收藏  举报