Day04-表单-多媒体.docx

表单表单的功能结构文本栏、密码栏、隐藏栏复选栏、单选栏窗体栏位、区块栏位按钮、图像按钮允许上传文件表单的外框和标题元件的次序和快捷键表单主要是采集用户信息，通过用户在网页上输入、勾选和选取数据，以便提交给服务器。基本格式：form method=post action=result.html label for=name名字：/labelinput id=name name=name type=text /brlabel for=pwd密码：/labelinput id=pwd name=pass type=password /brpinput 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字符串 给这个表单起个名字methodget/post 表单的传输方式actionurl传输目标target _blank/_self 页面打开方式_top/_parentenctypeapplication/x-www-form-urlencoded默认的编码形式multipart/form-dataMINI编码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=”设置宽度”…/textarea5 按钮、图像按钮按钮设置: 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=file7 表单加上外框和标题外 边 框:fieldset.../fieldset 标　　题:legend.../legend8 元件的次序和快捷键accesskey=w (Alt+w) (Ctrl+w)tabindex=n 9 html5中新增加了一些表单元素，下面列出这些元素及其作用email 类型用于验证email的格式，当提交表单时会自动验证email域的值url 类型用于验证 URL 地址的格式，当提交表单时会自动验证url域的值number 类型会根据你的设置提供选择数字的功能，min属性设置最小值、max属性设置最大值，value属性设置当前值，step属性设定每次增长的值，某些浏览器还不支持range 类