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 元素定义标题。