前面已经讲了不少的常用标签，今天再讲一节常用标签基本上就讲完了，别的碰到的时候再去学就可以了，很多时候学习都是在工作中慢慢积累起来的。一、框架标签；之前我们会在某些网站上注册账号，使用账号密码登录之后出现一个页面，这个页面可以大致分为几部分，上面是标题，右边是账号信息，左边一列是功能按钮，右侧的空白处是显示区，那么如何根据当前知识实现一个框架呢？代码如下，实现效果如下；框架代码框架效果二、表单标签；前面讲了table标签，今天来讲一下表单标签，表单是什么呢？我们在浏览某些网站的时候需要我们完善信息，这个带有数据收集功能的页面就是表单，表单标签有以下几种；1、formform标签；通过它来定义表单，所有的表单标签都要写在它内部，form中有两个重要的属性，一个是action属性，一个是method，action属性表示这个表单数据的提交路径（简单了解，后面会详细讲解），method表示数据提交的方法，一种是get一种是post，后面也会详细介绍，这里只是简单了解；2、文本标签；用户名：inputtype=text/;3、密码框；密码：inputtype=password/；4、单选按钮；性别：inputtype=radioname=sex/男inputtype=radioname=sex/女要想实现多个单选按钮之间只能选择一个，它们的name值要一致，name属性后面会讲解；5、多选框；爱好：inputtype=checkboxname=hobby/钓鱼inputtype=checkboxname=hobby/打电动inputtype=checkboxname=hobby/写代码多选框可以选择多个；6、附件上传；头像：inputtype=file/；7、下拉列表；籍贯：selectname=provinceoption--请选择--/optionoption北京/optionoption上海/optionoption广州/option/select使用option标签来设置下拉列表的选项；8、文本域；自我介绍：textarea/textarea需要填写内容较多时可以使用文本域；9、提交按钮；提交按钮：inputtype=submitvalue=注册/；和上面的action有关系，合起来使用，通过这个提交按钮，数据会自动的到达action的位置；10、普通按钮；普通按钮：inputtype=buttonvalue=zhuce/；11、重置按钮；重置按钮：inputtype=reset/；将填写内容全部清空；三、注册页面实例分析；代码如下：注册页面代码如上图中action值为“#”表示数据提交到本页面。注册页面执行效果表单元素在接下来的学习中还是很重要的，读者朋友一定要掌握。今天的讲解就到这里，标签一定要熟悉，属性可以先了解，谢谢观看，我们下期再见。
转载请注明：http://www.aierlanlan.com/rzdk/5829.html
