7-表单

表单是网页提供给用户输入，选择或 勾选数据，用以提交给服务器数据库的工具。

1. 表单的功能结构

表单的主标签结构格式:<form>...</form>

属性名	属性值	说明
name	字符串	表单的名字
method	get/post	表单的提交方式
action	URL	表单的提交路径

2. 输入框表单域

• 文本栏 : <input type="text" name="栏位名称" value="栏位默认值" size="栏位显示宽度" maxlength="栏位输入数据最大长度" readonly="readonly">
• 密码栏 : <input type="password" name="栏位名称" value="栏位默认值" size="栏位显示宽度" maxlength="栏位输入数据最大长度" readonly="readonly">
• 隐藏栏 : <input type="hidden" name="栏位名称" value="栏位默认值">

3. 选择框表单域

• 复选栏 : <input type="checkbox" name="栏位名称" value="内定值" checked="checked" disabled="disabled">

• 单选栏 : <input type="radio" name="栏位名称" value="内定值" checked="checked" disabled="disabled">

4. 窗体选项栏表单域，多行文本框表单域

• 窗体选项栏格式 :

    <select name="栏位名称" size="栏位显示高度的数字" multiple="multiple">
        <option value="选项值">...</option>
        <option value="选项值">...</option>
        <option value="选项值" selected="selected">...</option>
    </select>

窗体选项栏分组的格式如下 :

    <select name="栏位名称" size="栏位显示高度的数字" multiple="multiple">
        <optgroup label="分组名1">
            <option value="选项值">...</option>
            <option value="选项值">...</option>
            <option value="选项值" selected="selected">...</option>
        </optgroup>
        <optgroup label="分组名2">
            <option value="选项值">...</option>
            <option value="选项值">...</option>
        </optgroup>
    </select>

• 多行文本框格式 :

    <textarea name="栏位名" cols="栏位宽度的数字" rows="栏位高度的数字">...
    </textarea>

5. 按钮，图像按钮

按钮格式 :

按钮	说明
<input type="submit" value="按钮中显示的文字">	提交按钮
<input type="reset" value="按钮中显示的文字">	重置按钮
<input type="image" src="URL" alt="其实是submit">	图像按钮，submit功能

按钮的另一种格式 :

    <button name="栏位名称" type="按钮类型">
        按钮中显示的文字
    </button>

或者

    <button name="栏位名称" type="按钮类型">
        <img src="URL">
    </button>

其中按钮类型type可以是submit(提交),reset(重置),button(普通按钮)

6. 文件上传表单域

格式 :
<input type="file" name="myuploadfile">

7. 表单外边框和标题

格式 ：

    <form>
        <fieldset> <!-- 外边框-->
            <legend>标题 ...</legend>
             各种表单域和按钮
         <fieldset>
     </form>

8. 次序和快捷键

属性名	属性值	说明
accesskey	“w”	Alt + w 或者 Ctrl + w
tabindex	“n”	Tab键次序