单击输入字段时切换显示样式
是指在用户单击输入字段（如文本框、下拉菜单等）时，改变该字段的显示样式或行为。这种交互设计可以提升用户体验，使用户能够更直观地感知到输入字段的状态变化。
在前端开发中，可以通过使用JavaScript和CSS来实现单击输入字段时切换显示样式的效果。以下是一种常见的实现方式：
- 监听输入字段的点击事件。
- 在事件处理函数中，根据当前输入字段的状态切换相应的样式。
- 使用CSS样式表定义不同状态下的样式，例如聚焦状态、悬停状态、禁用状态等。
- 使用JavaScript操作DOM元素，修改输入字段的class或样式属性，以应用相应的样式。
单击输入字段时切换显示样式可以应用于各种场景，例如：
- 表单验证：当用户单击输入字段时，根据输入内容的合法性切换显示不同的验证结果样式，如合法输入显示绿色边框，非法输入显示红色边框。
- 密码可见性切换：当用户单击密码输入框时，切换密码显示为明文或隐藏为圆点，以便用户查看或隐藏密码。
- 下拉菜单展开/收起：当用户单击下拉菜单时，切换显示下拉菜单的展开或收起状态，以提供更好的交互体验。
- 多选框/单选框样式切换：当用户单击多选框或单选框时，切换显示选中或未选中的样式，以便用户直观地了解当前选择状态。
腾讯云提供了一系列与前端开发相关的产品和服务，例如：
- 腾讯云CDN（内容分发网络）：加速静态资源的传输，提升网页加载速度，改善用户体验。 产品介绍链接：https://cloud.tencent.com/product/cdn
- 腾讯云Web应用防火墙（WAF）：保护网站免受常见的Web攻击，如SQL注入、XSS等。 产品介绍链接：https://cloud.tencent.com/product/waf
- 腾讯云API网关：提供API的统一入口和管理，方便开发者构建和管理API服务。 产品介绍链接：https://cloud.tencent.com/product/apigateway
请注意，以上只是腾讯云提供的一部分产品，更多产品和服务可以在腾讯云官网上查看。
相关·内容
2回答
我想在单击.search类时显示一个输入字段.icon。我用下面的代码成功地做到了这一点。但是，我希望通过平滑地扩展输入字段的宽度来显示输入字段，而不是显示/隐藏。
怎样才能做到呢？
JSFiddle演示：
HTML:
<div class="box">
<input class="search" type="search" placeholder="Search" />
<div class="icon"></div>
</div>
浏览 3提问于2014-08-05得票数 3
回答已采纳
4回答
我试图创建一个可选择的列表，当您单击一个项目时，它会显示一个输入字段，您可以使用它来编辑描述，但是在单击该项之前，输入字段是隐藏的。
但是，当我选择一个项，然后单击输入字段时，它会取消选择该项，然后再次隐藏输入字段。
我只用一个列表项重新创建了问题。如何允许用户在不触发jQuery函数的情况下单击输入字段？
此外，用户还可以单击列表中的多个项，因此我已经用第二个项更新了jsbin。
浏览 12提问于2016-04-06得票数 0
回答已采纳
2回答
角质滑动滑块不改变束缚变量
、、、、
我有两个奇怪的问题。我有一个很大的表单，有很多输入字段。效果很好。我想添加一个幻灯片按钮在底部，这将改变一个变量，将影响整个表单的样式。
我的第一个问题是，在单击幻灯片按钮之前，变量将不会显示。
HTML
<mat-slide-toggle [(ngModel)]="ifPrint" name="ifPrint" id="ifPrint" ></mat-slide-toggle>
<div>
{{ifPrint}}
</div>
组件
export class PrintReviewDetai
浏览 0提问于2019-04-26得票数 0
回答已采纳
2回答
下拉输入字段
、、
我想添加一个类似的下拉输入字段(下图)，到我的网站。我希望它在单击链接/图像/按钮时出现。这可以用JavaScript来完成吗？另外，我不希望它影响页面的流程。
浏览 0提问于2012-04-29得票数 0
回答已采纳
我正在尝试构建一个输入字段，其中包含可能的选项的下拉列表，但该下拉列表应该仅在输入处于“活动”状态(:active)时才会显示。 下面是一个示例，说明了它是如何实现的： .country-input:active ~ .country-dropdown.active{
background-color: white;
display: block;
position: absolute;
padding: 5px;
cursor: pointer;
} (country-input是输入字段，country-dropdown是下拉列表。) 问题是，只要
浏览 25提问于2019-09-17得票数 0
回答已采纳
1回答
我正在使用angular2和ionic2中的表单验证。当用户键入无效值时，我希望停止显示错误消息，只有当用户单击输入框外时才显示错误消息。
form.html
<form>
<ion-input type="text" [(ngModel)]="username" name="username" #username="ngModel" required></ion-input>
<span *ngIf="username.touched && username.in
浏览 2提问于2017-12-30得票数 5
回答已采纳
我正在创建一个使用标签栏控制器的应用程序。它有两个选项卡。在第一个选项卡中，它将有一个文本字段和一个提交按钮。用户将在文本字段中输入一些值，然后单击提交。现在我的问题是:单击提交按钮，根据文本字段中输入的值计算一些结果"X“，它将打开第二个选项卡。在这里，结果"X“必须显示在标签中。如果没有在文本字段中输入一些值，如果用户单击第二个选项卡，它必须显示一个警告“在文本字段中输入一些值”我如何实现这一点。请帮帮我。
浏览 1提问于2010-04-01得票数 1
2回答
当使用jQuery .hide()函数根据ID隐藏输入时，我有一个问题，它是否将字段/选择值重置为[0]或val('')或空等？我之所以问这个问题，是因为如果用户显示一个字段，填充它，然后意识到他/她对一个具有显示/隐藏条件的输入做出了错误的决定。当他们再次隐藏字段时，这个值仍然存在，对吗？
防止.hide()输入中出现不必要的值的最理想方法是什么？
注意:我有一些隐藏的输入，它们总是传递后端进程的值，但是这些表单类型总是隐藏的。
浏览 4提问于2015-07-07得票数 0
回答已采纳
1回答
我在我的react应用程序上使用react-calendar包。将<Calendar/>放置在文件上会使打开的日历位于前面。
但是，如果用户单击输入字段，我希望显示日历：
<div className="form-group">
<label>Start Date</label>
<input type="text"/>
<Calendar style={{display: "none"}} />
<
浏览 3提问于2020-06-30得票数 0
我有一个用户可以选择的项目列表。我希望它比标准的复选框更加用户友好，所以我将div分开，每个div都有一个唯一的id。
当用户单击一个项目时，我使用javascript在该项目顶部显示一个记号，并更改样式以显示它是突出显示的。
我正在尝试解决如何在提交表单时传递id列表。请记住，如果用户取消勾选某个项目，则应将其从列表中删除。我正在考虑在隐藏文本字段中使用逗号分隔值，但无法解决如何在取消选中的情况下从列表的开头删除项目
浏览 0提问于2010-06-15得票数 0
回答已采纳
3回答
我想对表单输入文本字段上的css和类进行一些更改，当用户单击“回复”按钮并使其正常工作时，底部的表单将保持不变。因此，我的问题是:是否有任何方法可以撤消这些更改并将表单返回到以前的状态？
$(".comment-reply-link").click(function() {
if($("#commentform").width() < 590){
$("#commentform input[type='text']").css("margin-left","0");
浏览 4提问于2013-11-23得票数 1
回答已采纳
9回答
我正在构建一个表单，并且我想使用:invalid选择器在用户按下submit而不填写输入字段时给“必填”输入字段一个红色边框，但使用此选择器会使它们在页面加载时突出显示。在给用户至少一次填充它们的机会之前就给他这样的警告似乎是不友好的。
有没有办法让这些字段只有在尝试提交表单后才会突出显示，换句话说，有没有办法只在单击submit (或者至少不关注必需的输入字段)之后才运行验证？
浏览 0提问于2011-09-28得票数 24
回答已采纳
1回答
表中有一个列，其中有一个输入字段，我只想在单击按钮时显示输入。我使用ng-if显示时单击，但当按钮被点击，所有的输入元素显示。我只想要显示一行的输入。
HTML
<td *ngIf="!hideStockLevels && row.">
<div>
<button class="btn btn-primary" (click)="showInput(row)">Add unit</button>
</div>
<
浏览 3提问于2021-07-22得票数 3
回答已采纳
我正在使用输入字段设置表单的样式。输入字段必须是完全透明的。输入字段本身没有问题，但一旦我开始键入，浏览器就会打开包含保存的表单数据的下拉列表，显示我之前在输入字段中输入的单词。下拉列表本身不是透明的，而是白色的。当我将鼠标悬停在一个保存的单词上时，它会出现在输入字段中，当它出现时，输入字段也会显示白色背景。
我尝试将活动、焦点和悬停状态的背景设置为透明，但似乎不起作用。我也不能在元素检查器中看到保存的表单数据下拉列表，所以我不知道如何定位它。
HTML：
<form class="" action="" method="_GET" acc
浏览 3提问于2014-10-31得票数 0
我正在使用parsley创建一个简单的表单验证，但我不喜欢出现的错误消息。它就像一个弹出窗口，上面说“请填写这个字段”。我怎么才能变成这样呢？
全名:假设为文本文件*请输入您的全名！(这将是错误消息，如果可能，我将对其进行样式设置。)
是否可以在文本字段下面显示错误消息？并在插入到字段时自动验证字段？它在不单击submit按钮的情况下验证输入字段。
提前感谢各位！.:-)
浏览 0提问于2014-11-19得票数 2
我正在尝试创建一个用户可以更新自己的某些信息的地方。我有一个div元素，它只显示要更新的字段，然后单击div，它将显示输入字段。但是，每当我单击输入字段以输入某些数据时，div元素就会隐藏输入字段。
我理解它为什么要这样做，因为我正在切换子元素，但是我似乎无法对它进行编码，以至于当您单击div中的任何位置时，字段都会切换，但也能够将数据输入到输入字段中，而不会消失。
<div class="div_hover">Forename:
<span class="form"><input type="text" nam
浏览 0提问于2014-10-09得票数 0
回答已采纳
我的表中有一个索引TestIndex，它有两个字段: Code1和Code2。
索引属性:允许重复:否，AlternateKey:是
字段属性:强制:是，AllowEdit:否
当我找到表属性的时候，PrimaryIndex:代理键。我想把这个PrimaryIndex改成TestIndex。但是，当我单击DropDown时，它没有显示TestIndex值。当我手动输入TestIndex并单击enter它显示的TestIndex时。但是当我点击下拉菜单时，我无法看到testIndex。
为什么？我所做的手工操作是错误的还是正确的？
如何在TestIndex下拉框中获得primaryIndex？
浏览 3提问于2015-03-18得票数 0
回答已采纳
在不使用任何插件的情况下，jQuery或jQuery UI中是否有内置函数来实现您在等网站上看到的表单字段边框突出显示效果？
在YT中，当您在搜索字段内单击时，边框会突出显示为蓝色。
我试图使用css和jquery addclass()函数来实现这一点，以便在单击时为输入字段提供该类。但这是不一样的，在youtube中的效果看起来比通过css做的要好得多。
编辑
哦，我忘了，我的意思是只有当用户在字段内单击时，才应该添加边框。我想知道是否有一个非基于css的方法。
浏览 3提问于2010-09-14得票数 0
回答已采纳
我有一个jquery函数，所以每当<input type="text">元素进入焦点时，其中的所有文本都会被选中。 $('input[type=text]').focusin(function(e) {
// Selects all text on text field focus
$(this).select();
}); 到现在为止还好。在页面的其他地方是一个复选框，通过一些花哨的CSS伪装成切换开关，使用顶层css库。下面是切换开关的外观： http://topcoat.io/switch/ 当我单击或切换到文本框时，所有文
浏览 19提问于2020-04-23得票数 0
回答已采纳
我使用asp .net MVC4和Telerik。我在同一页中有一个表格和一个网格。在插入或更新行时，我希望将验证消息仅隐藏在网格中的中。但是，如果可能的话，在输入字段上保留着色。这些消息不需要任何@Html.ValidationMessageFor()就会自动显示。
它们在提交时显示，每次单击新字段时，我都不知道在哪里可以“捕获”事件并删除所需的<span>。
你知道如何处理这些信息吗？
浏览 7提问于2014-02-05得票数 0
回答已采纳
当用户在文本字段中单击时，我使用基本代码突出显示文本字段中的文本：
<input type="text" id="search_for" name="searchTerm" onclick="this.select()">
这很棒，但你只能选择删除，这意味着你不能在所选文本的中间点击，在已经存在的单词/字符中间添加一些东西。
场景...如果用户搜索"red car"，他们应该能够点击高亮显示的框，所以点击delete并搜索"blue car“。或者，他们可能想要点击输入，并将他们的搜索更改为“大
浏览 0提问于2012-04-09得票数 0
回答已采纳
当我单击按钮时，当我释放按钮时，文本显示返回到不可读的格式，如何查看其输入类型为“密码”的编辑文本视图的值？就像微软在windows 8中单击密码字段旁边的“眼睛”一样。
谢谢
浏览 3提问于2015-01-28得票数 18
回答已采纳
具体实现如下：
如果您注意到，当您在输入任何内容之前单击“登录”或“注册”时，您应该会看到一些字段分别消失和重新出现。
我希望这个页面只显示第一次加载的两个字段的视图(而不是第一次加载时显示的当前5个字段)，然后当用户单击“注册”链接时，它会显示其他3个字段-总共5个。
我该怎么做？
谢谢
浏览 0提问于2011-01-03得票数 0
回答已采纳
2回答
我正在用手机访问我的网站，有一个名为输入日期和输入时间的字段，
当我单击日期字段时，我想要显示我的移动日期选择器，
如何实现？
我在我的索尼爱立信k530i中查看站点
浏览 2提问于2011-07-02得票数 0
3回答
我有一系列的按钮。让我们称它们为A，B，C。我将切换方法附加到这些按钮。当我单击A时，将显示一个包含一些信息的div。如果我再次单击A，此div将被删除。当我单击B时，与A相关的div仍然打开，并显示与B相关的新div。这只是我们在许多网站上看到的基本切换。
但是，当我依次单击A、B和A时，A将需要2次单击才能显示其div。这是因为切换中的第二个函数被触发，因为它仍在队列中。
看看这段代码。我只是为了演示而更改按钮的文本。
如何防止2次点击？
浏览 0提问于2012-01-09得票数 0
回答已采纳
我的文章内容类型中有一个字段，它是对人员类型的实体引用。编辑可以从列表中选择“作者”。一切都很好。我们使用面板来显示文章，所以我有一些视图块来显示一些相关信息。当试图显示作者信息时，一旦包含了这个特定字段，就会出现内存不足的错误。因此，在缩小范围时，在创建视图时，如果不包括此字段，则引用实体中的所有字段都会显示良好。添加此字段后，视图预览也将获得错误信息。奇怪的是，这个字段不是文章类型中的重复字段。我尝试更改视图格式以显示内容，而不是字段--相同的错误。我还尝试了呈现实体-相同的错误。我不知道还可以使用哪些其他步骤来跟踪和修复这个字段的问题。
浏览 0提问于2013-12-02得票数 0
回答已采纳
1回答
import { useState } from "react";
import "./styles.css";
function App() {
const [InputVal, setInputVal] = useState();
const [ShowDiv, setShowDiv] = useState(
<div>
<p>Hello world. This is default "Show Div" value</p>
</div>
);
c
浏览 5提问于2021-12-09得票数 2
回答已采纳
1回答
Hello使用Django和Taggit(选择)，我想给用户点击“建议标签”的选项，他们出现在输入字段中。我编写了一些JS，它在控制台中工作，但不在模板中。输入字段中不显示标记，但是保存给定的标记，当用户重新加载页面时，标签将显示在输入字段中。
$('.tags_select a').click(function() {
var valueText = $(this).text();
var input = $('#id_I_want');
oldInput = input.val();
$('#id_I_want').val
浏览 1提问于2017-05-24得票数 0
回答已采纳
我是Vuejs的新手，目前我想在单击输入字段时显示详细信息页面视图 <div class="form-group row">
<label for="name" class="col-sm-2 col-form-label">Name</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="name" name="na
浏览 13提问于2020-07-13得票数 0
我正在开发一个简单的web应用程序，它只使用Vanilla JS、HTML和CSS。
我已经创建了一个表单，它包含多个输入字段，类型为"text“。现在我想添加一个数据报警器。我尝试过添加"date“类型的输入字段，但是我真的不喜欢这个datepicker的设计，并且我还没有找到任何方式来设计当单击这个字段时弹出的日历。
我的第一个问题是:是否有一种方法可以将输入字段的日历样式设置为“日期”？
由于我认为这个问题的答案是“否”，我已寻找另一种选择。有多个GitHub项目，设计一个日历。就是一个例子。此示例要求将html代码添加到我的网页中。最初，我不会显示日历-div，例如在c
浏览 10提问于2022-01-20得票数 0
回答已采纳
我目前正在用solid-js创建我的应用程序登录表单。我创建了一个在密码字段输入值时显示的按钮，我希望当用户单击此按钮时，该字段的输入将从password类型更改为name类型。这是我的代码：
export default function Login() {
const [hidden, setHidden] = createSignal("");
const type = (setHidden ? 'password' : 'name' )
function toggle() {
setHidden((o) => !
浏览 9提问于2022-08-09得票数 0
在HTML & JS中，如何创建一个文本字段，当用户单击该字段时，该文本字段将变为灰色，告诉用户该字段的用途？
例如，在firefox中，当没有输入任何内容时，右上角的搜索字段会指出它使用的是哪个搜索引擎，然后一旦你点击它，它就是一个空的文本字段，但如果你把它留空并从文本字段中移除焦点，那么灰色的文本就会再次出现。
这个行为有名字吗？另外，有没有可能在不使用js的情况下在纯css中执行on focus / on blur事件？
浏览 0提问于2010-12-26得票数 4
3回答
我正在创建一个表单，它需要在输入字段中有示例。所以当你点击它们的时候，example会切换开，你可以插入你自己的值。
此外，示例需要在不同的类中。我认为加载示例的最好方法是从title标签加载。因为，当我提交表格的时候..我不想让这些例子算数。
目前我正在使用这个jQuery插件：它基本上是正常工作的，但问题出在提交上。为了在提交时清除输入字段，我编写了以下脚本：
$(".formtable_submit").hover(function () {
$(this).parents("form").find("input").each(fu
浏览 0提问于2011-06-30得票数 0
回答已采纳
1回答
在单行中，我们显示文本字段以输入搜索文本以及搜索图像作为按钮字段。在该行的下方，我们显示了名称列表。
这里的问题是，在键盘箭头键向下移动期间，图像按钮域没有获得焦点。但在向上移动时，当我们单击向左箭头时，它会获得焦点。但是，向下移动不会因为向上箭头移动而获得焦点。
用于输入搜索文本的文本字段：
final TextField tfTeamSearch = new TextField();
tfTeamSearch.setFocus(true);
图像按钮字段：
btnSearchImage = new Button();
btnSearchImage.setIcon(imgSear
浏览 7提问于2012-06-28得票数 1
1回答
我有一个type = "text“的输入字段。在将详细信息输入到输入时，我可以输入很长的输入。该值也会适当地存储在数据库中。单击提交按钮后，我将禁用该字段。 因此输入仍然可见，但只有值(不可编辑)。这里出现了问题，因为只显示文本框输入的长度。 有没有办法让整个输入都显示出来？
浏览 15提问于2019-10-11得票数 0
回答已采纳
我有一个很小的示例项目
我要做的是让用户输入一行文本，方法是单击占位符--如图所示--输入图像标题，用户单击此处，并显示用户可以输入文本的MatInput元素。当用户按Enter键时，文本将被保存并显示，而不是初始占位符，如果用户转到另一个元素，输入的文本将被保存。
我使用ngClass隐藏和显示占位符文本或MatInput控件，这取决于组件的editMode属性。
我有以下问题：
当我单击占位符文本时，我必须再次单击，因此this.inputField.nativeElement.focus()；没有做应该做的事情。当您单击“编辑”按钮(这是对this.inputField.nativeEl
浏览 6提问于2020-10-04得票数 2
1回答
我想在文本输入(input type='text'或textarea)之上放置一个自定义占位符文本元素。但是，当占位符文本元素就在占位符文本元素的上方时，我不知道如何使文本输入可点击。将pointer-events:none设置为使占位符不可点击的效果很好，但在早期版本的IE中不支持。
pointer-events:none的解决方法通常包括手动触发子元素的onclick。但是，对于文本输入，onclick是由浏览器隐式完成的，因此不需要触发任何事件。
我考虑过的其他解决方案包括在占位符上设置一个onclick来聚焦文本输入，但这意味着光标总是放在输入的末尾。我希望能够单击文本
浏览 4提问于2013-08-26得票数 1
回答已采纳
我有两个用于用户名和密码的文本字段和一个提交按钮。当按下submit按钮时，将执行检查以查看是否输入了用户名和密码。如果不是，它会显示一条警告消息，并且没有输入值的字段将成为第一个响应者。
-(IBAction)loginPressed:(id)sender {
if ([username.text length] == 0)
{
[self showAlert:@"Invalid Username/ Password"];
[username becomeFirstResponder];
return;
浏览 0提问于2011-04-12得票数 4
回答已采纳
2回答
我正在尝试这样做，当用户单击“链接”时，它会向下滚动到输入字段"a“，并在不必单击的情况下切换它。我已经在使用jQuery了，所以也许它也应该处理滚动，但是我不确定如何处理自动切换(也许专注于正确的术语)输入字段。注意:为了提高可读性，我省略了所有其他代码。 <a href="#view" class="button">Link</a>
<div id="view">
<input type="text" id="a" name="a">
浏览 19提问于2021-11-08得票数 1
回答已采纳
1回答
我在表单中使用Jon的jQuery时间选择器()作为时间字段，但我最近决定需要使该字段成为只读的，这样用户就不能输入除选择器中的时间以外的任何文本。但是，当我将readonly属性添加到时间输入字段时，时间选择器就不再工作了--当我单击该字段时，它不会出现。
我有点困惑，因为我还在另一个设置为只读的字段上使用jQuery日历，这很好。有人能帮我吗？
<head>
<!--DATEPICKER-->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/th
浏览 2提问于2016-03-16得票数 2
回答已采纳
1回答
如何高亮显示文本区域中的超链接。我已经创建了一个标记，如下所示
<textarea
class="textarea"
name="input_note"
id=""
cols="30"
rows="10"
></textarea>
让我们假设这个输入字段用于记录并保存在那里(更像是google )。因此，当用户在输入字段中输入任何“链接”时，链接将显示为纯文本而不是超链接。链接也没有像通常那
浏览 3提问于2022-02-25得票数 1
回答已采纳
我在一个项目中使用 gem，当我输入地址时，我真的不喜欢占位符文本在实际输入字段中的显示。我怎样才能删除这个？
这是应用程序-
当你开始输入一个地址时，你会注意到地址在输入字段中显示得很别扭，我只想让地址选项在我输入时显示在下面的下拉列表中，并将其从输入字段中删除，直到我选择一个。
寻找一位JS专家来分享最好的方法。
谢谢!
浏览 14提问于2017-07-18得票数 1
回答已采纳
这里是jquery的新手，我正在尝试使用切换函数来显示和隐藏div，同时添加活动类和删除活动类。
我有两个问题：
1)当你点击链接关闭div时，'active‘类不会关闭，它说突出显示。
2)当您通过再次单击链接来切换div关闭时，div不会显示动画以关闭它，只是消失。如何才能获得动画，当我切换显示工作时，当我切换关闭？
非常感谢大家的帮助，非常感谢！
浏览 0提问于2011-12-17得票数 0
回答已采纳
1回答
我有一个通过SQLFORM创建的web2py表单。表单中有一个部分是可选的，因此我希望它在默认情况下不被显示，并且只在用户选中表单上的复选框时显示。
我现在所做的是将各种输入表单行设置为在控制器中显示none：
form.element('#mytable_myfield__row')['_style'] = 'display: none'
...
然后在我的葡萄里：
{{extend 'layout.html'}}
<script>
jQuery(document).ready(function($){
$
浏览 3提问于2013-10-14得票数 1
回答已采纳
这里是我的用例：
我想首先使用django_tables2显示有关某些内容的信息，在右上角有一个名为"Edit“的按钮，当用户点击"Edit”时，在表底部显示一个名为“and”的按钮，一旦用户单击该按钮，就会弹出一组输入字段，让用户输入每个字段的值，用户还可以继续单击“添加新记录”以继续添加新记录。
我怎样才能在Django实现这一点呢？我读过很多关于堆栈溢出的例子，但是没有找到任何适合这个特定情况的例子。
非常感谢。
浏览 5提问于2016-08-24得票数 0
回答已采纳
1回答
加载时显示输入文件对话框？
、、、、
我在做一个对话框来改变一个图像。与其让用户单击文件输入字段，不如立即打开它。输入字段简单地是：
<input type="file">
在加载页面时，是否有一种方式显示它？
如果有一个角度的方式做它加分。
浏览 2提问于2014-06-16得票数 1
回答已采纳
我有一个HTML片段，它是表单的一部分，其中有两个输入。通过CSS，我已经设法将与每个输入相关联的标签放在相应的输入中，作为占位符。
现在，使用一些标准的JS (恐怕不是JQuery )，我想捕获用户在输入上所做的事件(例如，点击鼠标或按下键盘)，并动态地改变标签的外观。
我需要满足的条件是：
当用户第一次点击输入时。标签的颜色变成了浅灰色。单击后，如果用户随后输入一个字符，则标签将消失，而显示您刚刚按下的字符。
当用户第一次点击输入时。标签的颜色变成了浅灰色。单击后，如果用户随后单击或Tab键离开输入，标签颜色将更改回其原始的黑色状态。
在输入几个字符后，如果用户决定通过按backspac
浏览 0提问于2012-01-12得票数 0
回答已采纳
2回答
下面是应该发生的事情：
当用户选择一个选项时，输入字段的特定组合应该与两个表一起显示。
当用户填写输入字段并单击按钮时，结果应该出现在表中。
那些桌子还没出现。输入字段甚至不会显示在js fiddle中。
它只适用于最新版本的Firefox、Chrome、Safari和IE。
不适用于firefox 6.0或IE 9.08。
我犯了一个错误，那就是在家里只用Chrome编写代码，结果发现我的代码不能正常工作，而我却试图继续在学校工作。
我使用jsfiddle.net来验证我的代码，并且成功地完成了。尽管它仍然不能工作。它甚至不能在jsFiddle中正确显示。
下面是演示代码的小提琴：
浏览 0提问于2012-01-11得票数 0
回答已采纳
在我开始使用它之后，我再也不能在输入字段中输入单词了。
具有相同问题的CodePen示例: Link：
我的输入字段如下所示：
<div class="input-group input-group-lg mb-3">
<input type="text" name="praeferenz" class="form-control" placeholder="" aria-label="..." aria-describedby="basic-addon2
浏览 1提问于2019-01-27得票数 0
回答已采纳
我有一个按钮，当点击时设置输入文本字段中的文本。
输入文本字段有一个onchange事件，当有人输入文本时会触发该事件，但是，我不希望在单击上面描述的按钮注入其值时触发该onchange事件。
这个是可能的吗？
请注意，这与按钮上单击事件的冒泡/传播无关
浏览 1提问于2011-12-15得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
