- 1、本文档共38页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
HTML基础控件介绍
HTML 基础控件介绍1.input标签input 标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。type属性如下:type=text:文本区域 readonly属性:是否只读。password:密码区域,输入的文本以*展示checkbox:复选框 checked属性:是否选中;radio:单选框; name属性:指定多个单选框的在一个区域里进行单选操作reset:重置当前form表单里所有标签到初始化状态(如清除文本区域内容)sumit:提交当前form表单信息到指定页面button:普通按钮 value属性:button按钮显示的文本file:文件选择标签hide:隐藏区域,可以把一些不展示给用户,而自己使用的信息存放于此image:图片区域 src属性:指定图片存放的路径; title属性:鼠标移到图上显示的文本; alt:图片加载失败或关闭时,显示的文本;?2.select标签?select元素可创建单选或多选菜单。类似于winform的combox或listbox属性介绍:size:默认展示的下拉列表尺寸。默认的为combox样式;大于1时,就是listbox样式。multiple:多项选择,按住Ctrl+左键进行多选。子项:optgroup:选择项的类别,不能被选中。 label属性:类别展示的名称 title属性:鼠标移到选择项上去,要展示的信息option:可选的项目 vlaue属性:选择项具体的名称 title属性:鼠标移到选择项上去,要展示的信息代码示例:h3select标签/h3select id=province multiple=multiple size=6 optgroup label=直辖市/optgroupoption value=bj title=北京市北京/optionoption value=sh上海/optionoptgroup label=省市/optgroupoption value=zj浙江/optionoption value=fj福建/option/select效果图:?2.2 获取选中项的value??1$(#province).val() 3.textarea标签?textarea:多行文本区域可以通过 cols 和 rows 属性来设定 textarea 的尺寸属性:rows:表示显示的行数cols:表示显示的列数readonly:是否只读??4.label标签?相当于一个展示文本框。重要的属性:for:关联对应的控件id;当点击此label标签时,绑定id的控件会获取焦点;tabletrtdlabel for=username姓名:/label/tdtdinput type=text id=username//td/trtrtdlabel for=userpwd密码:/label/tdtdinput type=password id=userpwd //td/tr/table?5.fieldset标签?类似于winform中的groupBox控件。子项:legend/legend:表示抬头的名称。h3fieldset标签/h3fieldset style=width:130px legend性别/legendinput type=radio name=sex value=boy /男input type=radio name=sex value=girl /女/fieldset??6.ul、ol、li 列表标签?ul:unordered list (无序列表)ol:ordered list ?(有序列表))li:list item (列表项目),基于上面2个列表子项目。代码示例:ul type=circleliul1/liliul2/liliul3/li/ulol type=1lili1/lilili2/lilili3/li/ol属性说明:type:定义了li 标签前面的符号样式。ul:type 有:circle 空心圆,disc 实心圆,square 实心正方形, none :前面无符号;ol:type 有:1 :表示有序的1,2,3; a :表示有序的a,b,c;i :罗马数字i,ii,iii;虽然还可以定义为:circle、disc、square、none但现实都为1,2,3等序列;??HTML 页面源代码布局介绍此介绍以google首页源代码截图为例:从上到下依次介绍:1.!DOCTYPE html此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。?XHTML规范:必须小写,有开始结束标
您可能关注的文档
- google性格测试题目.doc
- googleschooler实用技巧.doc
- google搜索引擎现状及发展趋势研究.doc
- GM950EI电台编程手册.doc
- GPS卫星导航系统的组成.doc
- GPON试题库.doc
- GPS原理与应用选择题.doc
- GPS原理及应用期末复习题选择题.doc
- GPS卫星定位基本原理.doc
- Genbank,EMBLE,DDBJ.doc
- 2024年中国钽材市场调查研究报告.docx
- 2024年中国不锈钢清洗车市场调查研究报告.docx
- 2024年中国分类垃圾箱市场调查研究报告.docx
- 2024年中国水气电磁阀市场调查研究报告.docx
- 2024年中国绿藻片市场调查研究报告.docx
- 2010-2023历年初中毕业升学考试(青海西宁卷)数学(带解析).docx
- 2010-2023历年福建厦门高一下学期质量检测地理卷.docx
- 2010-2023历年初中数学单元提优测试卷公式法(带解析).docx
- 2010-2023历年初中毕业升学考试(山东德州卷)化学(带解析).docx
- 2010-2023历年初中毕业升学考试(四川省泸州卷)化学(带解析).docx
最近下载
- 某110kv输电线路工程概预算实例.xls
- 人教版高中英语选择性必修第一册UNIT5 Part 4 Writing练习含答案.docx
- 小学生古诗词竞赛题及答案 .pdf
- 2023矿业权评估师考试题库大全(附答案).docx
- 产前筛查和产前诊断题库带全部参考答案).docx
- 外研社高中英语必修一 Unit 5 The monarch’s journey 教学设计.docx
- NAD M25 7通道放大器用户手册.pdf
- 朱仙庄洗煤厂安装施工组织设计.doc
- GBT20821_液态法白酒国家标准.pdf
- 文言文高频考点02文言实词(教考结合)(解题技巧+真题训练)-2023-2024学年高一语文下学期期中高频考点梳理及模拟检测(统编版必修下册).docx
文档评论(0)