`
zlpx
  • 浏览: 154152 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML5 使用fieldset 标签disable属性

 
阅读更多

 

下面的例子展示了,如何使用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标签和属性列表.pdf

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

    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

    jquery fieldset和legend标签代码.zip

    jquery fieldset和legend标签代码是一款基于jQuery实现的简单的样式代码。

    fieldset标签定义说明.docx

    fieldset标签定义说明.docx

    HTML中fieldset标签概述及使用方法

    之前HTML没有好好学,导致以前看到控件组样式感觉很新奇,fieldset&gt; 标签将表单内容的一部分打包,生成一组相关表单的字段,接下来对HTML中fieldset标签的使用进行详细解读,感兴趣的朋友可以了解下,或许对你有所帮助

    HTML标签分类及其属性.pdf

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

    主从表样例1 使用fieldset

    &lt;fieldset id="annex1" style="width:800px"&gt; &lt;legend&gt;SubTable 1 SubTable List Field1 Field2 Field3 ...

    几乎被设计师遗忘了的标签fieldset legend

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

    HTML中fieldset

    HTML中fieldset如何把界面上需要在一块的内容放到一个容器,即分组

    HTML常用标签.pdf

    5. &lt;base&gt;:标签描述了基本的链接地址/ 链接目标,该标签作为 HTML 文档中所有的链接标签的默认链接。 6. &lt;meta&gt;:&lt;meta&gt; 元素可提供有关页面的元信息(meta-information ),比如针对搜索引擎和更新频度的描述和...

    Extjs fieldset两行两列布局

    Extjs fieldset两行两列布局

    可收放的HTML fieldset

    可收放的HTML fieldset。 模仿MSDN的可收放Fieldset 。

    html各种标签含义

    通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)。 4. &lt;abbr&gt;:表示一个缩写形式,比如"Inc."、"etc."。 5. &lt;acronym&gt;:定义只取首字母缩写,比如"NATO"。通过对只取...

    FieldSetView:FieldSetView是一个Android自定义视图,它模仿html中的“ fieldset”标签

    FieldSetView是一个Android自定义视图,它模仿HTML中的“ fieldset”标签。 下载 Gradle: 将以下内容添加到您的项目级别build.gradle中: allprojects { repositories { maven { url "https://jitpack.io" } }...

    HTML标签大全(史上最全的html标签文档).pdf

    HTML标签是构成网页的基本元素,通过使用不同的标签可以实现不同的网页效果。以下是HTML标签大全的详细介绍: 链接标记 * `&lt;a&gt;`: 超文本链接,用于创建指向其他网页或电子邮件的链接。 * `&lt;a href="URL"&gt;`: 创建超...

    (完整)HTML5常用标签大全.doc

    HTML5常用标签大全 HTML5中有许多标签用于定义不同的HTML元素,以便更好地组织和格式化网页内容。以下是在HTML5中常用的标签: 基本结构标签 * `&lt;!DOCTYPE&gt;`:定义文档类型 * `&lt;html&gt;`:定义HTML文档 * `&lt;title&gt;`...

    响应式Web开发项目教程(HTML5+CSS3+Bootstrap)第2版 例4-6 fieldset

    响应式Web开发项目教程(HTML5+CSS3+Bootstrap)第2版 第4章 HTML5表单的应用 例4-6 fieldset

    jquery fieldset和legend标签特效代码

    jquery fieldset和legend标签代码是一款基于jQuery实现的简单的样式代码。

    web前端学习总结.docx

    * 表单元素的组织:使用 fieldset 标签组织表单元素。 * 创建各种框:使用 input 标签创建各种框,例如文本框、密码框、下拉框等。 * 添加标签:使用 label 标签添加标签。 * 单选按钮:使用 input 标签创建单选按钮...

Global site tag (gtag.js) - Google Analytics