- 1、本文档共11页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
Day04-表单-多媒体课案
表单表单的功能结构文本栏、密码栏、隐藏栏复选栏、单选栏窗体栏位、区块栏位按钮、图像按钮允许上传文件表单的外框和标题元件的次序和快捷键表单主要是采集用户信息,通过用户在网页上输入、勾选和选取数据,以便提交给服务器。基本格式: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文字区块的设置:textareaid=”id名” name=”名称” cols=”设置长度” rows=”设置宽度”…/textarea5 按钮、图像按钮按钮设置: input type=”submit” value=”按钮中显示的文字” input type=”reset” value=”按钮中显示的文字”input type=button name=butButton value=button按钮/按钮图像:button name=”栏位名称” type=”图象形态”imgsrc=”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 类型用于应该包含一定范围内数字值的输入域,
您可能关注的文档
- 公司年会主持词串词-课件.doc
- C语言四川师范大学信息与计算科学冯山实验九课案.doc
- C语言培训复习资料课案.doc
- 公司年会如何策划的有新意.pptx
- c语言大作业.doc
- C语言字符串函数大全.doc
- C语言基本数据类型简介.docx
- C语言学生成绩管理系统.doc
- c语言实现二叉树的代码.doc
- C语言实验lab10.doc
- 2024年江西南昌市公安局地铁招聘30人历年公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- 2024年江西南昌大学江西生态文明研究院招聘6人历年公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- 2024年江苏镇江句容市卫生健康委员会所属事业单位招聘8人历年公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- 2024年江西九江修水县卫生健康委员会乡镇卫生院招聘13人历年公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- 2024年江苏镇江市卫生健康委员会第三批工作人员15人公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- 2024年江苏连云港灌云县卫生健康委员会所属事业单位招考聘用33人公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- 2024年江西九江修水县公安局招聘16人历年公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- 2024年江苏连云港市赣榆区卫生健康委员会所属事业单位招聘90人公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- 2024年江苏连云港东海县卫生健康委员会所属事业单位招聘147人历年公开引进高层次人才和急需紧缺人才笔试参考题库(共500题)答案详解版.docx
- 陕西幼儿园全年后勤工作总结汇总.docx
文档评论(0)