有人知道如何将像autofocus这样的boolean attributes添加到scala模板中吗？
示例：autofocus
<input autofocus />
现在，我使用：
'autofocus -> "autofocus"
这将打印：
<input type="text" autofocus="autofocus" />
以及如何添加自定义数据属性？谢谢!
浏览 0提问于2012-07-26得票数 2
回答已采纳
我希望选择具有autofocus属性的元素。出于某种原因，我的jquery选择器$("[autofocus]")没有返回任何内容。
我想这是一个简单的解决方案，我只是看不出我做错了什么(这是一个bug吗？！)
浏览器： Chrome版本52.0.2743.116米(64位)
HTML：
<input id="a" type="text" autofocus="autofocus" value="a" />
<input id="b" type="text" auto
浏览 4提问于2016-10-06得票数 1
回答已采纳
我正在使用cakephp form helper，并且我想设置输入属性autoFocus。我能得到的最好的结果是autoFocus="autoFocus“，这是无效的。我需要将其设置为仅autoFocus。
<input type="text" name="fname" autofocus>
我的代码是：
echo $this->Form->input('title', array('class'=>'form-control','autofocus'));
浏览 0提问于2014-06-02得票数 2
我想构建一个查询，用于查找具有autofocus属性并且也是输入(或选择)的元素。
使用这个骨架...
<html><head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
</head>
<body>
<div id="maindiv">
<form cl
浏览 2提问于2012-01-16得票数 2
回答已采纳
1回答
因此，我希望创建以下简单的东西。我在一个匿名组件中有一个简单的输入字段，我使用以下代码：
<x-form.input.text :error="$errors->first('name')"
field="name"
required="required" {!! isset($something) ? 'autofocus="autofocus"' : '' !!}/>
如果存在$some
浏览 11提问于2022-11-08得票数 0
回答已采纳
1回答
我想将属性disabled、required和autofocus添加到JavaSpringForms3.1中。多亏了 ，我找到了方法，但我无法让它为工作。
我们有一个表单实用程序库，它封装了Spring表单，这样我们就可以添加标签和其他东西。
想要的JSP：
<formUtil:formInputBox ... autofocus="true" />
期望输出HTML：
<label>...<input type="text" ... autofocus /></label>
这在我们的formUtil中可以作为J
浏览 5提问于2012-12-06得票数 4
回答已采纳
我在HTML表单中有一个输入文本框，用于查找正则表达式模式，如下所示。我正在寻找要输入的任何内容，而不是空白或空白。我尝试了下面所有的方法，但它们都不允许我在it.Any中输入任何普通文本，例如"hello world“和"helloworld”，非常欢迎建议。谢谢
<input name="item" type="text" size="25" autofocus="autofocus" pattern="^\S$" title="Enter something valid"
浏览 0提问于2013-05-09得票数 1
回答已采纳
在Laravel 5.4中，我似乎不能在输入字段上设置自动聚焦，同时也无法设置元素的类。
我尝试过的：
{{ Form::text('email', Input::old('email'), ['class'=>'field-Login'], array('autofocus'=>'autofocus'))}}
{{ Form::text('email', Input::old('email'), array('autofocus'=&g
浏览 3提问于2017-03-01得票数 0
1回答
给定这样的组件：
{xtype: 'textfield', name: 'title', fieldLabel: 'Title', autoFocus: true}
是否可以查询具有属性autoFocus的任意容器(例如窗口)中的所有项以调用其上的方法.focus(...)？
试过..。
'[autoFocus]'
'*[autoFocus]'
'*[autoFocus=true]'
...with component.down和Ext.ComponentQuery.query (和其他人)，但没有
浏览 2提问于2014-06-02得票数 0
回答已采纳
如果在特定的输入中有错误，我想突出显示它并将其聚焦，它就会按预期工作。
但是，如果没有错误(默认情况)，第一个输入应该是焦点，而不是焦点。如何将这两个选项添加到数组？看一下第一个表单组。
<div class="form-group {{ $errors->has('name') ? ' has-error' : '' }}">
{{ Form::text('name', null, [
(!$errors) ? 'autofocus' : '
浏览 12提问于2016-09-01得票数 1
回答已采纳
3回答
ReactJS与自动对焦
、、、、
我有react-bootstrap模式和<input>模式。我想在<input>上设置自动焦点属性
下面的运行良好，但在控制台中显示了一个警告
<input type="text" autofocus='true' />
Warning: Invalid DOM property `autofocus`. Did you mean `autoFocus`?
下面的选项不工作，因为它们在打开模式时没有聚焦输入：
<input type="text" autoFocus='true' />
浏览 1提问于2019-07-05得票数 8
回答已采纳
1回答
当我对输入设置自动焦点属性时，我将从react类返回，将生成以下错误：
error TS2339: Property 'autofocus' does not exist on type 'HTMLAttributes'
这是违规代码：
return <input type="text" onChange={this.handleChange} value={this.state.text} autofocus/>;
我尝试过更冗长的autofocus="autofocus"，但没有运气。
这能用react和html
浏览 2提问于2015-10-29得票数 3
回答已采纳
我有一个带"OK“按钮的bootstrap模式。我想要它，以便用户可以只需按下enter按钮，并让它单击按钮。我想我只要在ActionLink上设置自动对焦就可以了。然而，我已经尝试了几种不同的方法，但我不能让它工作。
当我尝试的时候
<a href='@Url.Action("Index","LogOut", new { autofocus="autofocus" })' class="btn btn-success btn-lg">OK</a>
这就是不起作用的页面所呈现的内容
浏览 8提问于2016-08-31得票数 1
1回答
我已经尝试过autoFocus或focus()，但似乎不起作用。
<textarea autoFocus />
or
<textarea ref="textarea" />
componentDidMount() {
findDOMNode(this.refs.textarea).focus();
}
编辑
autoFocus似乎可以在chrome中工作。
两个autoFocus foucs()都不能在iOS中工作。
浏览 0提问于2016-06-02得票数 6
我有以下元素
<textarea className='title' autofocus="autoFocus"
onChange={(e)=>changeBill(e, 'title')}
value={bill?.title}
placeholder="Bill Title">
</textarea>
打开浏览器时，它会发出以下警告：
警告:无效的DOM属性autofocus。你是说autoFocus吗？
它还在工作，但警告是相当恼人的。我尝试过“自动对焦”和"a
浏览 1提问于2021-10-05得票数 1
回答已采纳
我正在尝试创建一个密码保护屏幕。屏幕将使用4个数字输入作为密码。
我这样做的方式是创建一个TextInput组件，并在我的主屏幕中调用它4次。
我遇到的问题是，当我键入上一个TextInputs的值时，TextInput将不会关注下一个TextInput。
对于所有的PasscodeTextInput组件，我都在使用refs (我已经被告知这是一种遗留方法，但是我不知道其他方法，唉)。
尝试了这个方法(没有创建我自己的组件)，也没有运气。
index.ios.js
import React, { Component } from 'react';
import { A
浏览 9提问于2017-02-21得票数 18
回答已采纳
3回答
如何强制YII1.x呈现HTML5 5的属性而没有值，比如传递给任何东西的autofocus或htmlOptions数组中的readonly？因此，我得到了一个例子：
<input autofocus>
我尝试了设置的array('autofocus'=>TRUE);或array('autofocus'=>'autofocus');，但这是行不通的。它呈现<field autofocus="1">或<field autofocus="autofocus">，两者都不是
浏览 1提问于2015-03-04得票数 1
回答已采纳
2回答
我有一个文本字段
= text_field_tag('search_text_1', params[:search_text],
options = {:type => 'search'} )
产生
<input id="search_text" name="search_text_1" type="search">
我想将HTML5自动焦点添加到其中，如
= text_field_tag('search_text_1', params[:search_text],
浏览 7提问于2014-09-25得票数 4
回答已采纳
我正在使用ASP.Net MVC (5.2.3.0)创建一个表单字段：
@Html.TextBoxFor(
x => x.UserName,
new {
@class = "form-control",
placeholder = "Enter your username",
required = true,
autofocus = true
});
到目前为止还不错，但是现在我喜欢将autofocus属性作为条件。我该怎么做？
autofocus属性是一个布尔属性
浏览 1提问于2016-01-24得票数 5
回答已采纳
如何使用ReactJS组件将自动焦点HTML属性包含到输入中？
我尝试使用了一个React元素，其中包含一个带有自动焦点的输入。
<input className='EI-input' autoFocus='true' tabIndex='0'
name='username' type='text'
ref='inputUser' autoComplete='on
浏览 2提问于2015-08-13得票数 4
回答已采纳
我有一个呈现inputText的复合组件(CC)。我在CC中有一个名为"autoFocus“的属性，只有当它的值为真时，才应该在inputText中呈现它，请参见代码：
<composite:attribute name="myAutoFocus" default="false" type="java.lang.Boolean"/>
因此，在复合:实现中，我有以下几点：
<h:inputText pt:autofocus="#{cc.attrs.myAutoFocus}" />
这样，我的a
浏览 2提问于2018-04-11得票数 0
1回答
我试图使用HTML表单向服务器提交潜在的客户信息。首先，我有一个主视图，它包含一个ajax表单，它决定了我们想提交多少客户。提交之后，它将使用所需的输入量填充部分视图。两个客户标题的HTML摘录示例：
<td class="quoteStandardCell"><input name="sessionPriv.indi[0].title" tabindex="1" class="visualfilesinputtext" id="sessionPriv_indi_0__title" autofoc
浏览 2提问于2017-01-03得票数 0
回答已采纳
1回答
我有一个表单，用于添加用HTML和胸腺网编写的产品。
<form th:action="@{/products/get}" th:object="${form}" method="post">
<div id="fields">
<label for="name"></label><input type="text" id="name" name="name"
浏览 4提问于2020-12-06得票数 2
我正在编写一个小插件，该插件将封装自动聚焦设置，但当我使用JavaScript动态添加属性时，它不会自动聚焦页面，这很奇怪。有没有什么办法解决这个问题呢？
HTML：
<input type="text">
JS：
document.querySelector('input').setAttribute('autofocus', 'autofocus');
不做的情况下：
document.querySelector('input').setAttribute('autofocus',
浏览 13提问于2013-05-28得票数 7
0回答
我正在尝试在页面加载时自动聚焦选择标签。但是我不能用autofocus标签做到这一点。
<select class="js-example-basic-single form-control" name="sel_bookID" id="sel_bookID" autofocus="autofocus" >
@foreach ($arrayname as $data)
<option value="{{
浏览 11提问于2018-07-17得票数 1
回答已采纳
哈哈！目前在woocommerce登录页面上，账单(名字)的第一个输入表单有autofocus="autofocus“，这意味着页面每次加载时都会跳转到该位置。
然而，账单部分在我的页面上稍微靠下了一点，所以它跳过了上面的内容。我在上面有一个登录表单(woocommerce_login_form)，我想在其中添加“自动聚焦”=>“全局自动聚焦”。
function woocommerce_login_form( $args = array() ) {
$defaults = array(
'message' => ''
浏览 4提问于2017-12-23得票数 0
1回答
我想要在具有相同类的输入上单击(焦点)模糊(/clickout)时进行操作，但只影响我单击的输入，而不是像我的示例中的所有输入**单击输入，现在所有的描述都显示出来了。我只想显示我点击的输入的描述。
<div class="form-wrapper">
<div class="form-element ">
<input type="email" name="email" id="email" value="" autofocus="au
浏览 2提问于2013-02-07得票数 1
回答已采纳
2回答
这是我的partials/textfield.blade.php片段的摘录：
{{ Form::text('mylabel', 'mytext', ['class' =>'form-control']) }}
我知道可以包含这个片段并将一些变量传递给它：
@INCLUDE('partials/textfield', ['required' => 'required', 'autofocus' => 'autofocus'])
我希望能
浏览 1提问于2018-04-17得票数 1
回答已采纳
我正在使用Javascript创建我的页面。这是一个登录页面，我需要在用户名输入文本上使用自动聚焦。此操作在IE和Chrome上工作，但在Mozilla上不起作用！这是我使用JS添加的HTML：
'<input id="username" class="loginInput" data-bind="value: userName, valueUpdate: \'afterkeydown\'" type="text" name="User" autofocus><!--Use
浏览 0提问于2014-10-14得票数 6
回答已采纳
我正在尝试使用asp.net MVC2中的html助手输出以下html：
<input type="text" id="Name" name="Name" value="" autofocus />
我现在使用的是以下代码：
<%= Html.TextBoxFor(x => x.Name) %>
我试过了
// results in <input ... autofocus="" />
<%= Html.TextBoxFor(x => x.Email, new
浏览 2提问于2010-04-09得票数 0
回答已采纳
我正在尝试设置一个Angular2组件，该组件会自动聚焦通过内容投影插入的输入元素。
我使用的解决方案是基于的。我还有一个额外的要求，即输入元素可能嵌套在另一个组件中。但是，我发现ContentChild查询无法检测隐藏在ng-content标记中的元素。
@Component({
selector: 'inner-feature',
template: "<input auto-focus>",
directives: [AutoFocus]
})
export class InnerFeature { }
@Component({
浏览 0提问于2016-06-27得票数 8
我希望能够编写没有值的属性，比如autofocus。现在，我可以这样做：
@Html.TextBoxFor(m => m.UserName, new { autofocus = true })
但当然这是这样写的：
<input id="UserName" type="text" value="" name="UserName" autofocus="True">
有没有一种方法可以让属性不带值地写入？
浏览 0提问于2013-04-16得票数 2
我正在创建一个表单，并从一个mui文本框中获取输入。我将textfield的值存储到value对象。我创建了一个onValueChanged函数来存储表单字段的键和值。我希望在textfield中显示当前值，并将其保存到useState常量值中。是否有其他方法可以做到这一点？event.target的基本结构是什么？
它给出了一个错误
TypeError: object is not iterable (cannot read property Symbol(Symbol.iterator))
TypeError: object is not iterable (cannot read pr
浏览 16提问于2022-01-11得票数 0
回答已采纳
1回答
我有下面的类，我想扩展它。
export class AngularComponent {
constructor(
private r: Renderer2,
private editorService: AngularEditorService,
@Inject(DOCUMENT) private doc: any,
private sanitizer: DomSanitizer,
private cdRef: ChangeDetectorRef,
@Attribute("tab
浏览 0提问于2020-01-09得票数 0
1回答
我试图自动对输入框进行对焦，当按下“开始”时，会出现这样的情况：
<input name="hex" type="search" autofocus="autofocus">
但是，在输入中应用autofocus=“自动聚焦”>之后，就不适用了。
我还尝试给输入一个ID，并使用jQuery：
$('input').focus();
但是，这似乎不适用，有人能帮忙吗？
浏览 1提问于2014-04-11得票数 1
回答已采纳
这主要是出于好奇心，但我希望能够做到这一点。
基本上，我有一种情况，我想使用Symfony的FormBuilder在表单中输入一个autofocus。可以使用下面这样的命令来输入此命令
->add('textField', null,
array('attr' => array('class' => 'text-field-ex', 'autofocus' => true)))
但是，结果是，这最终会在结果表单中生成autofocus="1"。这在Ch
浏览 1提问于2016-09-12得票数 2
当你点击enter时，一个新的字段将被创建，但问题是离开，焦点将转移到新创建的字段，但问题是:它的focus an enter space in the previous字段` ? import React, { useState } from "react";
import "./styles.css";
export default function App() {
let elements = [
{ id: 0, text: "first", autoFocus: true },
{ id: 1, text
浏览 22提问于2020-09-14得票数 0
3回答
在IE中使用自动对焦时，我对光标的放置有一个问题。图像应该清楚地显示问题。
幸运的是，我能够在中复制这一结果。我已经把它简化到了最基本的部分，所以它应该很容易看清楚发生了什么。
我该怎么做呢？
AngularJS (也可在中获得)
app.directive('autofocus', [
'$timeout', function($timeout) {
return function(scope, elem, attr) {
scope.$on('autofocus', function(e) {
浏览 2提问于2014-09-10得票数 6
回答已采纳
我试图在按钮点击时autofocus输入，但它不起作用。可在此处找到用于编辑的代码：
<input type="text" id="myText" autofocus>
<button onclick="myFunction()">Focus Input</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("my
浏览 1提问于2018-03-25得票数 8
回答已采纳
3回答
我正在尝试用<input>呈现一个autofocus字段
<input type="text" autoComplete="off" autoFocus={true} className="form-control" />
但它被渲染成：
<input type="text" autocomplete="off" class="form-control">
而且输入不集中。
，为什么是？，我如何才能得到autofocus属性来呈现呢？
浏览 5提问于2020-02-13得票数 7
回答已采纳
当我尝试从包含以下行的命令行运行.py文件时，在已经安装了自动聚焦导入Autofocus2D之后收到此错误: from autofocus import Autofocus2D
输出: ImportError:无法导入名称'AFAVSignature‘
有没有人熟悉这个包以及如何导入它？
谢谢
浏览 0提问于2018-12-28得票数 0
如何使用svelte在html元素上有条件地呈现属性？首先，我说的不是一个条件值，而是属性本身。
例如，我只想自动对输入列表中的第一项进行对焦：
{{#each codeInputs as codeInput, index}}
<input bind:value="inputCodes[index]" type="text" autofocus>
{{/each}}
属性autofocus应该只存在于第一项。我可以使用索引来检测第一项，但是autofocus="{{index===0}}"呈现autofocus="tru
浏览 2提问于2017-08-16得票数 5
回答已采纳
在我的当前应用程序中，有一个类包含一个照相机对象的实例，并试图执行以下操作：
1)等待指定的时间，例如:在TimerTask回调中没有任何事情(这是通过autoFocus 3完成的)，在autoFocus回调中请求通过OneShotPreviewCallback 3聚焦，在预览回调中请求OneShotPreviewCallback 4)，保存图像5)重复
虽然白色平衡在第一次autoFocus之前运行良好，但在第一次聚焦完成后就停止了。当然，我查找了API，在autoFocus描述中有一条有趣的语句。
，但自动对焦例程可能会停止自动曝光和自动白平衡在聚焦过程中的瞬间.
但它似乎是不只是短暂的
浏览 6提问于2012-06-13得票数 6
当你点击enter时，一个新的字段将被创建，但问题是离开，焦点将转移到新创建的字段，但问题是:它的focus an enter space in the previous字段` ? import React, { useState } from "react";
import "./styles.css";
export default function App() {
let elements = [
{ id: 0, text: "first", autoFocus: true },
{ id: 1, text
浏览 39提问于2020-09-15得票数 0
回答已采纳
我试图提供对不支持属性的浏览器的支持，使用如下方法：
<input type="text" autofocus/>
<input type="text" autofocus="autofocus"/>
<input type="text"/>
<script type="text/javascript">
$("input[autofocus]").first().focus();
</script>
但是，选择器将返回IE7的
浏览 2提问于2012-12-17得票数 3
2回答
我用d3.js编写代码，有时使用input元素来收集用户的输入，而不使用form。这个很好用。
但是我注意到我不能在动态页面上始终如一地应用autofocus属性；它只在第一次应用时才起作用。
下面是一个例子，所有的编码都是这样。注意autofocus在第一次出现input元素时是如何完美地工作的。尽管编码是相同的，但它在第二次完全不起作用。
解决这一问题将特别改善智能手机上的用户体验。
注意：-- .focus()方法不起作用，我认为这是因为它只能应用于作为表单一部分的input元素。
h1,
p,
input {
font-family: sans-serif;
}
h1 {
浏览 0提问于2018-04-01得票数 3
回答已采纳
我正在尝试将自动焦点添加到窗体中。我让它在Chrome中工作，但不能在Firefox中使用下面的代码。我认为潜在的原因可能是它需要只是autofocus而不是autofocus="autofocus"。我的假设是正确的吗？如果是这样的话，有什么方法可以添加它吗？我使用的是一个名为SilverStripe的框架，它不能直接访问编辑输入字段，因为它是动态完成的，所以很可能需要通过JavaScript来完成。
<input type="text" name="Search" class="form-control search-form&
浏览 1提问于2016-02-03得票数 2
2回答
我正在尝试在数组中插入新元素，并根据数组更新状态，但是在更新状态后，它不会在组件中呈现。
注意:我不太清楚如何使用剪接。(我希望handleClick函数在单击元素下添加新元素，但似乎也失败了。)
注2:我也尝试过setstate((pre) => { pre.splice(index + 1, 0, { id: 3, text: "xxx", autoFocus: true }); return pre; });，但也没有成功。
import React, { useState } from "react";
import "./
浏览 1提问于2020-09-14得票数 1
回答已采纳
3回答
我想修改表单域的属性。具体来说，登录表单：
(django-allauth LoginForm)
LoginForm类(forms.Form)：
password = PasswordField(label=_("Password"))
remember = forms.BooleanField(label=_("Remember Me"),
required=False)
user = None
def __init__(self, *args, **kwargs):
super(Logi
浏览 2提问于2014-05-10得票数 5
0回答
我有一个提交表单的函数。我正在尝试在点击submit按钮后自动刷新。
<fieldset>
<input placeholder="Name" name="name" type="text" tabindex="1" required autofocus>
</fieldset>
<fieldset>
<input placeholder="Email Address" name="email" type="email"
浏览 0提问于2017-01-11得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
