Day04-表单-多媒体教程.docx

表单 表单的功能结构 文本栏、密码栏、隐藏栏 复选栏、单选栏 窗体栏位、区块栏位 按钮、图像按钮 允许上传文件 表单的外框和标题 元件的次序和快捷键 表单主要是采集用户信息，通过用户在网页上输入、勾选和选取数据，以便提交给服务器。 基本格式： form method=post action=result.html label for=name名字：/label input id=name name=name type=text /br label for=pwd密码：/label input id=pwd name=pass type=password /br p input type=submit name=Button value=提交 input type=reset name=Reset value=重填 /p /formlabel 标签为 input 元素定义标注（标记） label 标签的 for 属性应当与相关元素的 id 属性相同。 属性值描述forid规定 label 绑定到哪个表单元素。formformid规定 label 字段所属的一个或多个表单。 1 表单form的属性： 主标记结构：from…/from 属性 值 说明 name 字符串 给这个表单起个名字 method get/post 表单的传输方式 action url 传输目标 target _blank/_self 页面打开方式 _top/_parent enctype application/x-www-form-urlencoded 默认的编码形式 multipart/form-data MINI编码 text/plain 纯文本编码格式 2 文本框、密码框、隐藏域 文本栏：input type=”text” id=”id名” name=”名称” value=”值” size=”显示宽度” maxlength=”允许数据输入最大长度” readonly=”readonly” 密码栏：input type=”password” id=”id名” name=”名称” value=”值” size=”显示宽度” maxlength=”允许数据输入最大长度” readonly=”readonly” 隐藏域：input type=”hidden” id=”id名” name=”名称” value=”值” 3 单选框、复选框 单选框: input type=”radio” id=”id名” name=”名称” value=“值 checked=”checked” disabled=”disabled” 复选框：input type=”checkbox” id=”id名” name=”名称” value=”值” checked=”checked” disabled=”disabled” 4 下拉列表框、文本区域框 下拉列表框的设置: select id=”id名” name=”名称” size=”数字” option value=”选项值” selected=”selected”… option value=”选项值”… option value=”选项值”… /select //分组optgroup label=分组名称/optgroup //多选multiple 文字区块的设置: textarea id=”id名” name=”名称” cols=”设置长度” rows=”设置宽度”…/textarea 5 按钮、图像按钮 按钮设置: input type=”submit” value=”按钮中显示的文字” input type=”reset” value=”按钮中显示的文字” input type=button name=butButton value=button按钮/ 按钮图像:button name=”栏位名称” type=”图象形态”img src=”URL”/button 图像按钮:input type=image src=url alt=文本 6 上传文件 上传文件:input type=file name=file 7 表单加上外框和标题 外 边 框:fieldset.../fieldset 标　　题:legend.../legend 8 元件的次序和快捷键 accesskey=w (Alt+w) (Ctrl+w) tabindex=n 9 html5