将核心ui禁用属性条件添加到表单组件内的fieldset标记
将核心UI禁用属性条件添加到表单组件内的fieldset标记是为了在表单中禁用一组相关的输入字段。fieldset标记是HTML中用于创建一组相关表单元素的容器。通过添加禁用属性条件，可以控制这组表单元素的可用性。
禁用属性条件可以通过JavaScript或CSS来实现。以下是两种常见的方法：
- 使用JavaScript： 在JavaScript中，可以通过获取fieldset元素并设置其disabled属性来禁用或启用整个字段集。例如，假设我们有一个id为"myFieldset"的fieldset元素，可以使用以下代码禁用它：
- 使用JavaScript： 在JavaScript中，可以通过获取fieldset元素并设置其disabled属性来禁用或启用整个字段集。例如，假设我们有一个id为"myFieldset"的fieldset元素，可以使用以下代码禁用它：
- 要启用它，可以将disabled属性设置为false：
- 要启用它，可以将disabled属性设置为false：
- 使用CSS： 使用CSS可以通过设置fieldset元素及其内部元素的样式来模拟禁用效果。例如，可以使用以下CSS代码将fieldset及其内部元素设置为禁用状态：
- 使用CSS： 使用CSS可以通过设置fieldset元素及其内部元素的样式来模拟禁用效果。例如，可以使用以下CSS代码将fieldset及其内部元素设置为禁用状态：
- 这将使fieldset及其内部元素变为半透明，并且无法响应用户的交互事件。要取消禁用效果，只需将disabled属性从fieldset元素中移除即可。
禁用属性条件的添加可以在以下场景中使用：
- 当某个表单字段的值发生变化时，需要禁用或启用一组相关的字段。
- 当用户选择某个选项时，需要禁用或启用一组相关的字段。
- 当某个条件满足时，需要禁用或启用一组相关的字段。
腾讯云提供了一系列与云计算相关的产品，其中包括与表单和UI相关的服务。以下是一些推荐的腾讯云产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于部署和运行应用程序。 产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务，适用于存储表单数据。 产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云函数（SCF）：无服务器计算服务，可用于处理表单提交的数据。 产品介绍链接：https://cloud.tencent.com/product/scf
请注意，以上仅为示例产品，腾讯云还提供其他与云计算相关的产品和服务，具体选择应根据实际需求进行。
相关·内容
父ui:repeat中的p:selectBooleanButton会触发侦听器，但内部/子ui:repeat中不会触发p:selectBooleanButton的侦听器。
我们不能使用嵌套表单。有什么建议吗。
<h:form prependId="false">
<ui:repeat value="#{xBean.sectionsList}" var="sectionItem">
<p:fieldset>
<p:selectBooleanButton onLabel="ON"
浏览 0提问于2013-01-09得票数 5
回答已采纳
我需要帮助，以验证我们的表单通过谷歌recaptcha提交，我已经成功地实现了代码，但表单仍然允许提交没有recaptcha，我如何使它必填字段？不是很好的java脚本在这里，任何帮助也是非常感谢的，如果一个错误消息将弹出，要求人们完成recaptcha，这将是伟大的，谢谢。
CSS
<script src='https://www.google.com/recaptcha/api.js'></script>
Html
<div class="form">
%form_errors%
<div align="
浏览 2提问于2017-04-28得票数 2
在提交值时禁用整个表单的redux表单方法是什么？？
以及如何在清除窗体字段中的所有值后重新启用整个表单？
我知道html的方式是通过fieldset disable进行的，但我想知道执行这些操作的redux表单方法。
浏览 0提问于2018-05-23得票数 1
回答已采纳
我想知道如何将Form Element Slot与vue.js 2.3和element-ui结合使用。。这样我就可以为我的表单的标签插入html。
我在jsfiddle 上试过这个。
问题
未知自定义元素:el-窗体-项-槽
问题
实现这一目标的正确方法是什么？关于这个主题，文档不清楚。
浏览 6提问于2017-06-05得票数 5
回答已采纳
1回答
我们已经建立了一个带有登录页面的网站-登录页面是字段集中的一个简单表单-恼人的是，当使用iPad时，无论何时按下按钮，键盘都会触发-它会在下一个页面加载时保持活动状态-我可以理解为什么-以下是表单代码-有什么方法可以禁用此功能吗？
<section>
<h3>Login</h3>
<form method="post" action="/Login" novalidate="novalidate" _lpchecked="1"> <fieldset>
浏览 9提问于2016-09-26得票数 0
1回答
我有一个像这样的HTML表单：
<div id="dialogGlobal" title="About You">
<form>
<fieldset style="border: none;">
<ul style="list-style-type: none; padding-left: 0px">
<li><label for="username">Please Enter Your Fir
浏览 0提问于2016-05-18得票数 0
我有一个html页面中的多个表单，每个表单都执行一些操作，比如添加、编辑。
每个表单都有禁用ng的指令，它检查某些条件，并在发生某些更改时触发相应的ng禁用函数。
问题是，当在一个窗体中更改值时，它会触发每个窗体的所有禁用ng函数。
代码:
<body ng-controller="MainCtrl">
<div ng-form="myForm">
<input type="text" required ng-model="user.name" placeholder="U
浏览 4提问于2016-04-28得票数 0
我正在使用react spring-boot代码库，该代码库使用core-ui作为前端，如果表单正在使用，我需要禁用所有表单字段。我已经向后端表添加了一个isLocked属性，并且可以在需要禁用字段的页面上获得值。我尝试了几种方法，但似乎都不起作用。 我试过了 <fieldset {isDisabled} > 但解析时出现get错误:意外的标记，应为"...“ <fieldset {data.isLocked ? 'disabled' : null} > 但也会抛出类似的错误 我必须使用 <fieldset disabled > 因
浏览 10提问于2019-09-24得票数 0
回答已采纳
3回答
这是我的第一个角度计划。今天才开始。我有一个表单，我想禁用输入字段。
以下是我的.html文件：
<div class="form-group">
<label for="projectTitle" class="label">Project Title</label>
<input type="text" fullWidth id="projectTitle" value=
{{projectDetails.name}}" placeholder
浏览 2提问于2019-11-11得票数 0
回答已采纳
2回答
在我的Java代码中，我想以编程的方式创建一个可以在JSF表单中使用的<fieldset>标记。
表单的设置如下所示：
Application app = FacesContext.getCurrentInstance().getApplication();
HtmlForm form = (HtmlForm) app.createComponent(HtmlForm.COMPONENT_TYPE);
form.setStyleClass("pure-form pure-form-stacked");
如您所见，我使用HtmlForm.COMPONENT_TYPE
浏览 4提问于2014-03-05得票数 2
回答已采纳
1回答
<h:form>
<fieldset>
<h:selectManyListbox id="listbox" value="#{form.items}">
<f:selectItems value="#{form.allItems}">
</h:selectManyListbox>
</fieldset>
<h:commandButton value="Get Table" a
浏览 1提问于2010-11-27得票数 3
回答已采纳
在extjs4中，我在表单中使用FieldSet，并且我使用属性'checkboxToggle'，如果是真的，fieldSet标题的位置将出现一个复选框，这就是我期望的UI。但是，这不是我的例外:当复选框选中字段集展开时，当复选框未选中字段集时，字段集折叠。我希望这样:当复选框选中字段集启用时，当复选框未选中字段集时，字段集被禁用。我该怎么做？谢谢!
浏览 1提问于2013-03-28得票数 0
1回答
<p:fieldset styleClass="weightTextBox">
<p:selectOneMenu id="detectionSelector" value="#{ngs.detectionMode}">
<f:selectItem itemValue="SYBR" itemLabel="SYBR" />
<f:selectItem itemValue="NONE&
浏览 3提问于2018-05-01得票数 0
我想创建带有进度条的p:tabView。类似p:tabMenu的东西-当标签被按下时，标签变成了Loading，我想用p:tabView创建一些类似的东西。例如，我如何调用像这样的进度条，并在加载完成时对其进行sop。有什么可能的方法吗？
<p:tabView dynamic="true" cache="false">
<p:tab id="tab1" title="tab1" >
<ui:include src="tab1.xhtml" />
&
浏览 0提问于2012-10-15得票数 0
我有许多组件，它们基本上是一个表单，在提交时向服务器发出请求并禁用其输入元素，直到收到响应为止。我不想每次都关心这个禁用，并将其分解为可重用的东西。有什么好办法吗？
具体而言，下面是一个最小的例子：
<form v-on:submit.prevent="send">
<fieldset :disabled="isDisabled">
<div>
<label>Name</label>
<input v-model="u.name">
浏览 5提问于2018-01-14得票数 0
回答已采纳
1回答
我有一些元素(input，textarea，controlgroup)和一个表单元素之外的提交按钮……
我可以验证这些元素(客户端)吗？例如，检查它们是否是必需的，如果它们为空，则显示一条错误消息。我可以使用jquery验证插件来做这件事吗？多么?
以下是我到目前为止的代码示例：
<div id="formContainer">
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
浏览 2提问于2013-05-15得票数 0
回答已采纳
有没有办法使一个灰显的表单成为只读的，同时使表单的值是可获取的？ ? 1/这在Typescript中不起作用，因为之后我无法获取Id，control.disable()，Description的值。 this.roleForm = new FormGroup({
id: new FormControl(this.singleRole?.id),
name: new FormControl(this.singleRole?.name),
createDate: new FormControl(this.singleRole?.createDate),
status: n
浏览 25提问于2020-12-21得票数 3
回答已采纳
2回答
我有一份表格，上面有相同地址或不相同地址的选择。
<label for="lastname"> Last Name <small>required</small>
<input type="text" name="s.lastname" value="<?php echo $value['s_lastname'];?>" placeho
浏览 7提问于2014-05-13得票数 0
回答已采纳
我有以下代码，其中包含一个表单，该表单在提交时调用了一个javascript函数。
<div class="form" role="form" onsubmit="createresult()">
<fieldset>
<?php
$subject = $_GET["sub"];
$array = mysqli_query($con, "Select * from questions where subject='$subject'
浏览 3提问于2014-12-22得票数 0
我有一个JSF 2主模板如下所示：
<!DOCTYPE html>
<html lang="#{localeManager.language}"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html">
浏览 4提问于2015-08-26得票数 2
回答已采纳
我在JSF + PrimeFaces中构建了web应用程序。在web表单中，我将primefaces的命令按钮的禁用属性设置为true。在对表单输入字段执行自定义客户端验证之后加载表单时，根据表单上的用户输入，我将命令的禁用属性设置为false或true。注意:在这里，如果所有验证都通过按钮，则启用，但同时，如果用户编辑某些输入和验证失败，则再次禁用按钮。
<p:commandButton id="saveButton" value="Save" actionListener="#{some method of bean}"
update
浏览 2提问于2012-06-10得票数 1
回答已采纳
1回答
我正在写一个拖放组件，用户可以将一个简单的面板拖放到dataGrid中，我的问题是当我拖放一个新的面板时，数据网格不会动态改变大小。那么是否有要设置的属性或其他内容。这是我关注的示例提前谢谢。
下面是我的代码：
<h:panelGrid columns="2" cellpadding="10">
<p:column>
<p:fieldset id="belongTo" legend="Belong To" >
<p:dataGrid id="userG
浏览 0提问于2012-09-26得票数 1
我在动态创建的组件中有一组表单字段。父组件拥有form标记。但是，没有一个表单字段被添加到Form中。我使用ComponentFactoryResolver来创建组件：
@Component({
selector: 'fieldset-container',
templateUrl: './fieldset-container.component.html',
styleUrls: ['./fieldset-container.component.scss'],
entryComponents: ALL_FIELD_SETS,
})
export
浏览 4提问于2017-04-13得票数 2
回答已采纳
1回答
我有一个带有表单的php文件。表单操作是另一个php文件。当我提交表单时，下一页(表单操作页)上的Jquery无法工作。但是，当我自己(而不是通过表单操作)打开该页面时，Jquery正在完美地工作。
第一页代码：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://co
浏览 3提问于2016-10-02得票数 0
回答已采纳
我有一个Angluar2应用程序，其中包括谷歌地图JS。我像这样加载Google Maps：
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"> </script>
我在地图上听到的事件是这样的：
this.map = new google.maps.Map(document.getElementById('map'), {
center: {lat: lat, lng: lng},
zoom: zoom
});
this.map.ad
浏览 4提问于2017-01-03得票数 1
我一直在尝试和调查在默认情况下禁用表单的问题。
<v-form ref="form" v-model="valid" lazy-validation>
<v-select v-model="test" :items="data" :disabled="status"></v- select>
<v-text-field v-model="name" :disabled="status"></v-text-field>
&
浏览 0提问于2019-05-15得票数 0
2回答
我有一个带有GET参数的页面，例如：/manageSquare.xhtml?squareName=foobar。这个页面有一个请求作用域的支持bean。为了正确初始化支持bean，该bean包含一个initialize方法，由于页面包含一个带有<f:viewParam>和<f:event type="preRenderView ...>的<f:metadata>，因此将调用该方法。有时正方形并不存在，并且会显示一些特殊的错误消息。因此有一个<h:panelGroup rendered="#{squareBean.squareExist}
浏览 0提问于2011-09-16得票数 1
回答已采纳
我试图使用jquery序列化我的表单，但它不像预期的那样工作。在许多其他字段中，只有一个字段被序列化。
我的HTML：
<form action="/Devis/auto" id="theForm" method="post" novalidate="novalidate"
class="ui-formwizard ui-helper-reset ui-widget ui-widget-content ui-corner-all">
<div id="fieldWrapper
浏览 0提问于2013-03-08得票数 0
回答已采纳
Liferay 7使用作为其单页应用程序引擎，以便在表单提交和导航期间加载和替换门户页面的某些部分。这个特性偶尔会干扰我的用例，所以我如何禁用它呢？
浏览 4提问于2016-12-22得票数 7
回答已采纳
1回答
我在Sencha Touch中见过几个表单验证的示例，但对于我想要做的事情来说，所有这些都显得过于复杂。我不需要模型或存储，因为有问题的字段将在服务器端处理。在提交表单之前，有没有什么简单的方法可以简单地检查表单中的字段是否已填充？
我试过了
if (myForm.getComponent('fieldset').getComponent('myField').length == 0)
{
/// Do something
}
但是，即使字段为空，也不满足条件。控制台中没有JS错误。
浏览 0提问于2011-09-03得票数 2
回答已采纳
我当前的表单布局如下所示：
我希望它看起来像这样：
我该如何做到这一点？
我尝试使用ExtReact厨房水槽()上提供的布局，但收效甚微。这是我的代码中最重要的部分，它构成了表单的呈现：
<FormPanel scrollable={false}>
<FieldSet title="Status:">
<Label text="Status" />
<RadioField {...radioProps} boxLabel="
浏览 0提问于2018-04-19得票数 0
1回答
jQuery表单操作
、、、
使用jQuery和来自的以下示例表单代码
<div id="contact">
<h1>Send an email</h1>
<form action="#" method="post">
<fieldset>
<label for="name">Name:</label>
<input type="text" id="name" placeholder=
浏览 2提问于2011-03-08得票数 1
回答已采纳
1回答
我正在使用VisualStudio2022和C++ QT5.14.2。
我使用QT设计器设置了一个PushButton和一个LineEdit，并给了它们一些初始属性。但是我遇到了按钮点击信号插槽功能的问题，这是我的代码：
void SocketChat::on_connectButton_clicked() {
appendMessage(ui.connectButton->text()); // output button's text
if (ui.addrEdit->isEnabled() && ui.portEdit->isE
浏览 2提问于2021-12-29得票数 0
回答已采纳
1回答
如何禁用模板驱动窗体中的所有控件。
尝试过的解决方案。
使用filedset并将其设置为disabled -这在IE 9+中不起作用。同样使用fieldset，输入也不会被禁用
<button class="icon-btn pull-right addNewBtn" type="button" title="Add New " data-toggle="modal" id="Btn" data-backdrop="false"><i (click)="Person(Co
浏览 23提问于2017-09-21得票数 5
我试图使用表单api中的#states来根据他的折叠状态更改字段集的标题。
到目前为止，我的代码是：
$form['advanced'] = array(
'#type' => 'fieldset',
'#title' => t('Advanced search'),
'#collapsible' => TRUE,
'#collapsed' => TRUE,
'#attributes' => array('cl
浏览 0提问于2013-08-20得票数 2
我正在尝试使用CodeIgniter编写一个注册表单，并希望使用用于道布的jquery datepicker，但以下方法不起作用。这是整个页面：
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="http://localhost/cc/css/style.css" type="text/css" media="screen" charset="utf-8">
<link rel
浏览 2提问于2011-09-28得票数 0
回答已采纳
2回答
我有一个这样的按钮： <fieldset>
<input type="text" placeholder="Color" name="Color" required>
</fieldset>
<fieldset>
<input type="text" placeholder="Bird" name="Bird" required>
</fieldset>
<fieldset>
&l
浏览 18提问于2020-08-03得票数 0
当用户编辑其个人资料时，如何从表单的基本设置中删除下拉列表框"Editor (optional)“？我不需要它。
以下是com_users/views/profile/tmpl/edit.php视图文件的代码。
<?php
/**
* @package Joomla.Site
* @subpackage com_users
* @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
* @license GNU General P
浏览 2提问于2013-04-26得票数 1
回答已采纳
我有一个关于获取参数的链接。当我单击它时，会调用ajax。现在当它转到
action.php，我有一个带有php值的表单(来自mysql)。我想用jquery弹出这个
对话。
我不知道该怎么做。
<script>
$(document).ready(function(){
$.ajax({
type: "GET",
url: this.href,
cache:false,
success: function(response){
if (
浏览 0提问于2013-05-13得票数 0
2回答
我有一个面板，我在其中呈现一个搜索表单。这是可行的。我的问题是在该搜索表单下呈现一个列表(因此在同一个Panel中)。
这就是我到目前为止所做的：
Ext.define("TCM.view.UserSearch",
{
extend: "Ext.form.Panel",
requires:
[
"Ext.form.FieldSet",
"Ext.List"
],
xtype: "usersearch",
config:
浏览 0提问于2012-11-28得票数 0
回答已采纳
在JSF中完成一个极其简单的任务时，我遇到了一个巨大的问题。问题:我有一些对象，它们具有聚合属性，不同对象的类型可能会有所不同。根据属性的类型，我希望使用一组不同的输入字段。
子类型组件驻留在框架中，并按需加载。为此，我使用以下代码：
<h:panelGroup id="zusatzdaten">
<fieldset class="clear">
<legend>#{tickerUI.ticker.tickerDescription.label}
(#{tickerUI.ticker.tic
浏览 0提问于2013-04-23得票数 10
回答已采纳
我不完全理解如何定制MaterialUI组件。在通读dos https://material-ui.com/customization/components/之后，我了解了如何使用classes和className进行自定义。我不理解先进的技术--真的令人困惑。
这是我在定制TextFields https://codesandbox.io/s/6rx8p?file=/demo.tsx:842-858的codesandbox上找到的一个示例
例如：
const CssTextField = withStyles({
root: {
'& label.Mui-focu
浏览 2提问于2020-12-05得票数 0
我可以一起使用BootFaces和PrimeFaces吗？我想要的只是带有PrimeFaces功能的引导UI。
如何在PrimeFaces组件中使用引导CSS？
浏览 5提问于2016-04-01得票数 0
回答已采纳
超级简单，或者说，我认为！只是试图将一个字符串传递给另一个组件，但是它不识别该属性，因为它使用的是字符串内插。
编辑
我相信这可能与升级redux表单有关，因为它改变了输入选择器。我使用的是React 15.3.1，我相信它们改变了输入的工作方式，从而影响了Redux。()。
import React, { Component } from 'react';
import { connect } from 'react-redux';
import * as actions from '../../actions';
import { redux
浏览 1提问于2016-10-30得票数 1
回答已采纳
我正在尝试让一个表单内部的材料UI对话框组件工作。如果我将Dialog包装在form标记中，它们甚至不会出现在结果html中(还不知道为什么)……
<form onSubmit={someFunction}>
<Dialog>
...
</Dialog>
</form>
如果我反转它并将表单标记放在对话框中，表单元素将显示在生成的html中，但是设置为type="submit“的操作按钮将不会触发表单的onSubmit。
<Dialog>
<form onSubmit={someFunction}&g
浏览 3提问于2016-03-28得票数 4
5回答
我想根据某些条件禁用HTML表单元素的一部分。这似乎是实现这一目标的理想方式：
<fieldset disabled>
<input value="one" />
<input value="two" />
</fieldset>
现在，这两个输入被禁用。然而，这似乎完全依赖于IE8。输入看起来是禁用的，但是我仍然可以输入它们。
(不是JsFiddle实际上在IE8中工作)
是否有跨浏览器的解决方案来解决这个问题，而不添加禁用到每个表单元素(这将使我的脚本复杂化)。我可能会做一些棘手的事情，比如在
浏览 2提问于2013-03-26得票数 16
回答已采纳
2回答
我在我的Wordpress网站上有小工具，可以搜索我的自定义分类法。搜索表单还有4个其他选项:最小和最大价格和最小和最大kw。我想隐藏最小和最大千瓦输入字段，除非选择了某个选项或其子选项。我的表单只需要实现jquery
我不知道jquery，但我已经找到了，我只是不确定如何实现它。
我的表单：
<form role="search" method="get" id="equipfilter" action="<?php bloginfo('url'); ?>/">
<f
浏览 0提问于2012-11-23得票数 4
回答已采纳
所以我正在为一个客户做一个项目，他们正在使用Bootstrap 3的表单验证小部件。还有一个提交按钮，我试图在它上面放置一个自定义的'.click()‘事件，但是无论如何它都不会被调用。
在inspect元素中，我可以看到有许多来自bootstrap.min.js的点击事件处理程序。我想这就是罪魁祸首。过去有没有人有过解决这个问题的经验？
代码：
var fieldsFilled = false;
//Iterate through all the input fields/textarea of the feedback form
$('#fbForm'
浏览 12提问于2018-08-06得票数 2
回答已采纳
1回答
我正在创建一个简单的页面，该页面将在单击按钮后，用另一个panelGroup替换一个one。首先，代码：
<h:body>
<ui:composition template="/elements/templateWithMenu.xhtml">
<ui:define name="content">
<div class="rightContent">
<h:panelGroup id=&#
浏览 2提问于2012-05-30得票数 4
回答已采纳
我正在使用ADF程序。此javascript代码可以在.JSF文件中工作，但不能在.JSFF文件中工作。下一个解决方案是什么？ <?xml version='1.0' encoding='UTF-8'?>
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:f="http://java.sun.com/jsf/core"
xmlns:af="http://xmlns.oracle.com/
浏览 17提问于2020-07-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
