HTML5 使用fieldset 标签给元素分组 - 星云互动 - ITeye博客

`

zlpx

浏览: 156917 次
性别:
来自: 北京

最近访客更多访客>>

dragonsky_w

whatl

zhangbody

xy14qg

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

f308185993： 123123[size=xx-small][color=dar ...
在HTML的text input控件获取焦点时设置背景颜色
crackajack_zg： good ，很简单的代码、
用JQuery改变图片的透明度
qq184234675：求jquery1.9+的
用JQuery改变图片的透明度
demonzoo：很奇怪，我刚试了无数次，在本地直接打开就是无法弹出提示。后来我 ...
用HTML5产生操作系统通知
demonzoo：为什么我在chrome下无法显示通知内容，无论按哪个按钮都是弹 ...
用HTML5产生操作系统通知

HTML5 使用fieldset 标签给元素分组

博客分类：

HTML5

阅读更多

下面的例子展示了，如何使用<FIELDSET>给元素分组, 如何使用<LEGEND>标签。

<!DOCTYPE html>
<html>
<head>
</head>
<body>
 
    <fieldset>
        <legend>Comments form</legend>
        <table>
            <tr>
                <th>Username:</th>
                <td><input id="usrnm" type="email" name="username" placeholder="user@domain.com" /></td>
            </tr>
            <tr>
                <th>Password:</th>
                <td><input id="psswd" type="password" name="password" placeholder="Top secret password" /></td>
            </tr>
            <tr>
                <th>Comments:</th>
                <td><textarea id="cmmnts" cols="30" rows="5" placeholder="Comments"></textarea></td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td><input id="submitBtn" type="submit" value="Submit" /></td>
            </tr>
        </table>
    </fieldset>
 
</body>
</html>

源码下载：

分享到：

HTML5 给input和textarea HTML标签增加 p ... | HTML5 使用fieldset 标签disable属性

2011-10-25 14:14
浏览 1273
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

fieldset标签定义说明.docx: `<fieldset>`标签在HTML中是用来组织和布局表单元素的重要工具。它的主要作用是将相关的表单输入字段（如文本框、复选框、单选按钮等）分组，以便于用户理解和操作，同时也方便开发者管理和样式化这些元素。在网页...

HTML中fieldset标签概述及使用方法: 在HTML中，`<fieldset>`标签是一个非常实用的元素，用于组织和布局表单内容，特别是在处理复杂的表单时，它能帮助用户更好地理解和导航。本文将深入探讨`<fieldset>`标签的概述、用途以及如何使用它来创建更加清晰、...

几乎被设计师遗忘了的标签fieldset legend: fieldset 标签用于将表单元素分组，以便更好地组织和描述表单内容。它通常包含 legend 标签、input 标签、textarea 标签、select 标签等。fieldset 标签的语法结构如下： <fieldset>  </fieldset...

HTML常用标签.pdf: 34. <fieldset>：<fieldset> 元素可将表单内的相关元素分组。 35. <legend>：<legend> 元素为<fieldset>元素定义标题（caption ）。补充 a) 客户端向服务端发送数据可以有两种方式：使用表单 <form> 提交；或使用...

HTML5标签和属性列表.pdf: HTML5标签和属性列表 HTML5是一种基于XML的标记语言，用于创建网页的结构和内容。 HTML5新增了许多新的标签和属性，提高了网页的可读性、可访问性和互操作性。本文档将对 HTML5 中的标签和属性进行详细的介绍。 ...

HTML5标签速查表.pdf: ### HTML5标签速查表详解 #### 一、基础标签 **1.1 文档类型声明** **标签**: `<!DOCTYPE>` **描述**: 定义文档类型为HTML5，通常位于文档的第一行。 **1.2 HTML文档定义** **标签**: `<html>` **描述**: ...

HTML标签解释大全: - **说明**：`<acronym>` 标签用于标明缩写词，但这个标签已经被废弃，在HTML5中不再推荐使用。例如： ```html <acronym title="World Health Organization">WHO ``` ##### 标签：address - **说明**：`...

html5标签整理: ### HTML5标签整理知识点 #### 一、概述 HTML5是HyperText Markup Language（超文本标记语言）的第五个版本，它为Web开发者提供了更强大的功能来构建网站和应用程序。HTML5不仅增强了对多媒体的支持，还引入了许多...

fieldset相关的总结: 在HTML中，`<fieldset>`标签是一个非常重要的布局和组织工具，它被用来对表单元素进行分组，提供更好的视觉结构和可读性。这篇博客文章“fieldset相关的总结”可能详细介绍了`<fieldset>`的使用方法、作用以及在实际...

html5标签大全: 本文将对 HTML5 中的所有标签进行分类和解释，帮助开发者快速了解和使用这些标签。结构性标签 * `<header>`：定义 section 或 page 的页眉 * `<footer>`：定义 section 或 page 的页脚 * `<nav>`：定义导航链接 *...

html5常用标签.txt: 1. **`<div>`**: 通用容器标签，用于布局或分组其他元素。 2. **`<span>`**: 内联容器标签，用于分组其他内联元素。 **`<header>`**: 页面或区段的头部，通常包含导航链接。 **`<footer>`**: 页面或区段的底部，...

HTML标签帮助文档: HTML表单由`<form>`标签开启，包括各种输入元素如`<input>`（文本、密码、复选框、单选按钮等）、`<textarea>`（多行文本输入）、`<select>`（下拉列表）、`<option>`（下拉选项）和`<button>`（按钮）等，以及`...

HTML标签解释大全.doc: `<fieldset>`标签用于将表单中的相关元素分组。 ##### **44. font** **说明：** 指定用于渲染所包含文本的新字体、大小和颜色。`<font>`标签用于更改文本的字体样式，但在HTML5中已被废弃。 ##### **45. frame** ...

jquery fieldset和legend标签特效代码: `<fieldset>` 标签创建了一个区域，通常用在表单中，将相关的输入元素分组。这样可以将复杂表单分解成逻辑部分，帮助用户更好地理解和填写。`<fieldset>` 可以通过CSS进行样式化，添加边框、内边距、背景色等，以...

HTML元素大全: 这个“HTML元素大全”涵盖了HTML中常见的标签和它们的功能，让我们逐一详细探讨。 1. `<a>`：用于创建超链接，可以链接到其他网页、文件、邮箱地址等。 2. `<acronym>`：表示缩写词，现在推荐使用`<abbr>`标签。 3....

HTML标签（2）综合案例: `<fieldset>`和`<legend>`组合可以将表单元素分组并添加描述。 `<audio>`和`<video>`标签允许在网页中直接播放多媒体内容，`src`属性指定媒体源，`controls`属性添加播放、暂停和音量控制。在案例中，我们可能会...

html标签,属性大全.pdf: 64. **文档分节标签**：`<span>` 用于在元素内部进行内容分组。 65. **删除线文本标签**：`<strike>` 已弃用，推荐使用`<del>`。 66. **强调文本标签**：`<strong>` 用于表示重要的文本，强调内容的重要性。 67. ...

Global site tag (gtag.js) - Google Analytics