• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > web标准教程,帮你走进web标准设计的世界 第三讲(html终结篇)

web标准教程,帮你走进web标准设计的世界 第三讲(html终结篇)

作者:铁拐李 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含web标准等相关知识,铁拐李 希望在学习及工作中可以帮助到您
上一讲我主要讲解了一下网页常用的几个html标签。

非常感谢网友对我的大力支持,谢谢你们给我的鼓励!

本节我将给大家讲解表单标签和table标签,ok,Begin!Right now!

标签10:表单标签

功能:构造一个表单,用来向服务器提交数据

基本结构与详细标签:

a:input标签

使用指数:*****

功能:通过改变type类型来构造表单元素

类型:内联元素

常用属性:id,class,name(与ID类似,方便后台程序获取标签的值),accept(accept 属性只能与 <input type="file"> 配合使用。它规定能够通过文件上传进行提交的文件类型。)

type与对应值一览

 

其中值img很少使用,他与值submit的功能是相同的,hidden值对于一个前台开发者而言几乎是用不到的,button值暂时不做介绍,毕竟我们现在离javascript还很遥远,呵呵

b: textarea标签

使用指数:****

功能:无限的向其中输入文本,比较适合做留言板,其中的文本的默认字体是等宽字体(通常是 Courier)

类型:内联元素

常用属性:id,class,name

特殊属性:cols,rows来设置他的区域大小,不过不推荐这种设置,还是建议通过css来设置(又是后话了)!

c: fieldset和legend标签

使用指数:**

功能:用来给你的表单划分区域,在legend中设置区域的标题(不是很常用)

类型:块级元素

常用属性:id,class,title

d:label标签

使用指数:***

功能:没有任何效果,只是为input标签提供一个标记不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

特殊属性for:

标签的 for 属性应当与相关元素的 id 属性相同。通过这种方法来与对应标签绑定

例子:

<p><

您可能想查找下面的文章:

相关文章

  • 2017-08-06详解CSS中的字体属性的使用
  • 2017-08-06CSS实现当鼠标移到input上时鼠标变为不可输入的状态
  • 2017-08-06表单元素与提示文字无法对齐的解决方法(input,checkbox文字对齐)
  • 2017-08-06CSS实现HTML背景图片拉伸铺满示例
  • 2017-08-06利用UL、Li+CSS属性制作无表格实用菜单导航效果
  • 2017-08-06CSS 网页制作 提高CSS可阅读性
  • 2017-08-06设计稿进行页面制作的流程和注意事项
  • 2017-08-06div+css无图边框圆角实现思路及代码
  • 2017-05-30CSS 异步加载技术 不影响页面渲染
  • 2017-08-06hasLayOut与css属性的关系介绍

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • css浮动中避免包含元素高度为0的4种解决方法
    • 用React加CSS3实现微信拆红包动画效果
    • 修复iPhone的safari浏览器上submit按钮圆角bug
    • 深入解析CSS的display:inline-block属性的使用
    • CSS3哪些新特性值得称赞
    • 用CSS禁用输入法(CSS3 UI规范)实例解析
    • 纯CSS实现箭头、气泡让提示功能具有三角形图标
    • 简单实现栅格布局的两种方式
    • 如何布局登录页面
    • 10个很棒的 CSS3 开发工具 推荐

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有