HTML5 使用fieldset 标签disable属性 - 星云互动 - ITeye博客

`

zlpx

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

最近访客更多访客>>

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 标签disable属性

博客分类：

HTML5

阅读更多

下面的例子展示了，如何使用FIELDSET的disable属性。

<!DOCTYPE html>
<html>
<body>
 
    <fieldset disabled>
        <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>
                <th>Subscribe:</th>
                <td><input id="sub" type="checkbox" value="1" /></td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td><input id="submitBtn" type="submit" value="Submit" /></td>
            </tr>
        </table>
    </fieldset>
 
</body>
</html>

源码下载：

disable_fieldset.zip

分享到：

HTML5 使用fieldset 标签给元素分组 | HTML5 使用CSS 格式化fieldset容器的Legend ...

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

评论

发表评论

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

相关推荐

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

fieldset标签定义说明.docx: 在HTML5中，`<fieldset>`标签引入了一些新的属性，增强了其功能： 1. `disabled`属性：如果将此属性添加到`<fieldset>`，那么字段集中所有的表单元素都将默认处于禁用状态，用户无法与它们交互。 2. `form`属性：...

jquery fieldset和legend标签代码.zip: 在这个"jquery fieldset和legend标签代码.zip"中，我们很可能会找到一个使用jQuery来增强这两个元素样式的示例。 jQuery 是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理、动画和Ajax交互等任务。在这个...

HTML中fieldset: 例如，可以使用 border 属性来设置 fieldset 元素的边框样式，可以使用 padding 属性来设置 fieldset 元素的内边距，可以使用 margin 属性来设置 fieldset 元素的外边距等。在交互方面，fieldset 元素可以使用 ...

MyJsp(html的fieldset使用: MyJsp(html的fieldset使用 MyJsp(html的fieldset使用MyJsp(html的fieldset使用MyJsp(html的fieldset使用

第14周-16章节-Python3.5-html的body内标签之fieldset标签和label标签.avi: 第14周-16章节-Python3.5-html的body内标签之fieldset标签和label标签.avi

HTML中fieldset标签概述及使用方法: `<fieldset>`标签本身并不提供任何默认样式，但可以通过CSS来调整其边框、内边距、外边距等属性，以适应页面设计的需求。例如： ```css fieldset { border: 1px solid #ccc; padding: 10px; margin-bottom: 20px...

HTML标签分类及其属性.pdf: HTML标签分类及其属性 HTML标签是构建网页的基础，了解HTML标签的分类及其属性是学习Web开发的第一步。本文将对HTML标签进行分类，并详细介绍每种标签的属性和用法。窗体标签标签用于定义窗体，用户可以通过...

html标签,属性大全.pdf: 20. **列属性标签**：`<col>` 和 `<colgroup>` 用于定义表格列的样式和属性。 21. **定义列表标签**：`<dd>` 和 `<dt>` 分别表示定义列表中的描述和术语。 22. **删除文本标签**：`<del>` 用于标记被删除的文本，...

HTML5标签列表: HTML5 中的标签列表是指在 HTML 5 中定义的所有标签元素，共有 79 个标签，这些标签元素都是 HTML 5 中的基本组成部分，每个标签都有其特定的用途和作用。下面是 HTML5 中所有标签的详细列表： 1.  : ...

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

可收放的HTML fieldset: 首先，我们来看标签："收放"、"HTML"、"fieldset"、"collaps" 和 "组合框"。"收放"和"collaps"指的是该功能的展开与折叠行为；"HTML"表明这是HTML语言的一部分；"fieldset"是HTML元素，用于定义一个表单中的逻辑组；...

主从表样例1 使用fieldset: <fieldset id="annex1" style="width:800px"> <legend>SubTable 1 SubTable List Field1 Field2 Field3 ...

实用html5标签代码参照表: 总而言之，HTML5不仅提供了丰富的标签和属性，还提升了网页的交互性和媒体支持，使开发者能构建更加现代、功能强大的网页应用。这份"实用HTML5标签代码参照表"是开发者必备的参考资料，无论是初学者还是经验丰富的...

学习HTML标签分类及其属性.pdf: `<center>`标签虽然在HTML5中已不再推荐使用，但在旧版本HTML中，它用于将内容居中对齐，包括文本、图像或表格。 `<input>`标签是表单中非常重要的元素，用于创建各种类型的输入字段。它的`type`属性定义了字段的...

几乎被设计师遗忘了的标签fieldset legend: "fieldset 和 legend 标签的使用和样式设置" 在 HTML 中，fieldset 和 legend 标签是两个常用的标签，用于组织和描述表单元素。但是，这两个标签经常被设计师遗忘或忽视，本文将重点介绍这两个标签的使用、样式设置...

html5标签参考手册html5标签参考手册: 和标签使得添加媒体内容变得简单，它们可以接受controls属性来提供播放、暂停和音量控制。此外，还可以通过source元素指定不同格式的源文件，以适应不同的浏览器兼容性需求。三、离线存储与Web存储 HTML5提供了...

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

Extjs fieldset两行两列布局: 本文将详细介绍如何使用Extjs实现一个两行两列布局的`FieldSet`。 #### 一、整体结构设计首先，我们需要理解给定代码的整体结构。该代码定义了一个名为`setsc`的`FieldSet`实例。这个实例包含两个主要部分：标题...

Global site tag (gtag.js) - Google Analytics