表单

表格

表格主要有三个标签构成：<table>(表格标签)、<tr>（行标记)、<td>(单元格标记)

表格标题

    <caption>

特殊的单元格，一般独占一行，位于第一行

表单

表单属性：

输入标记

语法：

        <form>
            <input name="控件名" type=控件类型'>
        </form>

控件类型：

取值	描述
text	文字域
password	密码域(在输入密码时，以*代替显示)
radio	单选按钮
checkbox	复选框
Button	普通按钮
submit	提交按钮
reset	重置按钮
image	图形域
hidden	隐藏域（将不显示在页面，只将内容传递到服务器中）
file	文件域

文字域

• 语法格式：

       "<input type="text" name="文字域名字" maxlenggth='文字域最大输入字符数' size=文字域宽度 value=文字域默认值/>"'
  

文本域

在html中还用一种特殊定义的文本样式——文本域，*文本域与文字域区别：前者可以输入多行文字，后者是单行文字
*
语法：

    <input type='textarea' name=文本域名字 rows=行数 cols=列数 value=默认值/>

密码域

语法：

    <input type="password" name='文字域名称' maxlength=文字域最大输入字符数 size=文字域宽度（字符数） value='默认值'/>

单选按钮

语法：

        <input type='radio' name='选项框名字' value=选中后传到服务器的值/>

如：

        <form>
            <input type="radio" name="爱好" value='排球'/>排球
            <input type="radio" name="爱好" value="足球"/>足球
        </form>

注意：一组单选按钮，每个按钮都需要设置name属性且一样，表示为同一组单选框

复选框

语法：

    <input type='checkbox' name=复选框名 value='选中该项后发送到服务器的值'/>

注意：一组复选框按钮，每个按钮都需要设置name属性且一样，表示为同一组复选框

普通按钮

语法：

    <input type='button' name='按钮名称' value="按钮上文字"/>

提交按钮

单击该按钮，将表单内容提交到服务器
语法：

    <input type='submit' name='按钮名字' value='按钮上文字'/>

重置按钮

将表单的已超作内容置为默认状态
语法：

    <input type='reset' name='按钮名字' value=按钮上文字/>

图像域

语法：

    <input type="image" name="图像域名称" src=图片路径/>

隐藏域

隐藏域对于用户是不可见的，当提交表单信息时，隐藏域的信息也被一起发送到服务器.隐藏域主要用来发送一些参数，而这些参数不需要在页面中显示。关于使用场景，举个简单例子：向服务器发送用户的id值
语法：

    <input type=hidden name='隐藏域名字' value='发送到服务器的值'/>

文件域

用于上传文件，使用场景比如：账号上穿头像
语法：

    <input type='file' name='文件域名字'/>

菜单和列表标记

标记：'<select>'、<option> 

语法：

    <select name=菜单和列表名称 size=显示的选项数目 multiple(列表中的项目多选)>
        <option value=选项值 selected(表示该选项为默认值)>选项文字</option>
        <option value='..'> 选项文字</option>



    </select>