码迷,mamicode.com
首页 > Web开发 > 详细

我的博客 XHTML知识

时间:2014-08-25 02:17:33      阅读:244      评论:0      收藏:0      [点我收藏+]

标签:os   使用   io   文件   for   数据   ar   art   div   

  xhtml 基础

一.1.XHTML元素分为块级元素和内嵌元素两种类型,二者的不同之处在于块级元素定义的文本是换行的,而内嵌元素定义的文本是不换行的。
常见的块级元素包括div.blockquote、
     列表元素(dl、ol、ul)、fieldset、form、h1-h6、hr、p、pre、table等。
内嵌元素包括:span、a、img、label、所有的表单输入元素、iframe、object等。


   2.如果是内嵌元素,下一个元素就显示在该元素同一行上的后续位置。
如果是块级元素,下一个元素就在浏览器下一行显示。
二..1.在XHTML中标记名称必须小写
    
2.在XHTML中属性必须小写
    
3.在XHTML中标记必须正确嵌套
    
4.在XHTML中标记必须关闭(标记成对出现)
    
5.在XHTML中即使是空元素也必须关闭

6.在XHTML中属性值必须用双引号括起来

 

三XHTML表单
1.<form>供用户输入的表单,<form action="#" method="post/get" id=" " name="">......</form> action:规定当提交表单时,向何处发送表单数据。method:规定如何发送表单数据。
    post不显示路径 get显示路径。
2.文本框:type="text"            <input type="text" id=" " name=" "/>id:规定元素的唯一。 name:规定表单的名称。
3.口令输入框:type="password"    <input type="password" id=" " ( size="" maxlength="")/>
4.复选框:type="checkbox"        <input type="checkbox" id=" " name="" value=" "/> 每个选项的name属性使用相同的设置。
5.单选框:type="radio"           <input type="radio" id=" " name=" " value=""/>
6.隐藏字段:type="hidden"         <input type="hidden" id=" " name=" "/>
7. 上传文件:type="file"          <input type="file" id=" " name=" "/>  指定<form>的enctype属性为multipart/form-data. method的属性为post.
8.下拉列表:  一个<select>元素来形容列表,多个<option>元素集合来识别列表选项。使用<select>元素的name属性给整个列表命名,使用每个<option>元素的value属性来给每个选项
   一个唯一的值。
                   <select id=" " name=" ">
                        <option value=" ">   当多选时要在<select>元素中加multiple属性。
9.多行文本框:<textarea>         <textarea rows=" " cols=" "  id=" "  name=" "> rows行  cols列
10.提交和重置按钮:type="submit"   type="reset"  <input type="submit/reset" value="提交/重置"/>  
                             也可以用图形来做按钮  <input type="image" src=".." value="submit/reset"/>
11.命令按钮(普通按钮):type="button" value=" ".
12.在文本框中加readonly 防止修改文本数据,disable 使输入控件不可用。
13.<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。<legend> 标签为 fieldset 元素定义标题。

 

我的博客 XHTML知识

标签:os   使用   io   文件   for   数据   ar   art   div   

原文地址:http://www.cnblogs.com/457289342qq/p/3933987.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!