标签: placeholder

jQuery UI Sortable 将拖动对象的类添加到占位符以确定大小

我正在使用 sortable 对不同宽度 x 高度的 div 和砖石进行排序以清理空白空间。如何将正在排序的 div 的类传递给占位符,使它们的大小相同?

盒子有单单、双单等类别来确定大小。

示例:http : //jsfiddle.net/c3mdigital/fTBbc/17/

问题是没有通过课程。Sortable 在无法识别占位符选项但将可见性设置为隐藏时添加类。

代码:

//The extra ajax stuff is to save the sort order to WordPress menu order.
$(document).ready(function() {
$('#edit').click(function() {

    var itemList = $('.sortable');

    itemList.sortable({
        
        start: function(event, ui) {
            
            var plus = ui.item.hasClass('double-single') ? 'double-single' : 'single-single';
            var placeholder = 
            itemList.sortable("option", "placeholder", 'placeholder ' + plus );
            
        },
                update: function(event, ui) {
                    $('#loading-animation').show(); // Show the animate loading gif while waiting
                    opts = {
                        url: …
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui placeholder jquery-ui-sortable

3
推荐指数
1
解决办法
1万
查看次数

占位符 z-index Firefox 问题

使用 Firefox 时,我在注册输入中有占位符,注册表单上方是我的菜单,当我将鼠标悬停在下拉菜单上时,占位符出现在顶部。

我试过搞乱 z 索引,但这似乎不是问题。输入字段的所有其他部分都隐藏在下拉菜单后面,而不是占位符。

我也试过将 z-indexes 添加到

::-webkit-input-placeholder {}
::-moz-placeholder {}
:-ms-input-placeholder {}
input:-moz-placeholder {}
Run Code Online (Sandbox Code Playgroud)

但无济于事。

我更希望在不求助于 Javascript 的情况下实现这一目标。

在此处输入图片说明

jsfiddle 快速演示:http : //jsfiddle.net/LLANn/1/

html css firefox z-index placeholder

3
推荐指数
1
解决办法
1720
查看次数

初始化后更改输入字段的占位符文本

我正在使用在地图上生成的输入字段。我想将输入字段的占位符文本从“搜索”更改为“搜索位置”。

输入字段没有类或 id,但其父字段有。我尝试使用下面的 jQuery 初始化后进行更改,但无济于事。

$('.leaflet-control-mapbox-geocoder-form input').attr("placeholder","Search for Location");
Run Code Online (Sandbox Code Playgroud)

下面是一个可见输入字段的小提琴。我很高兴继续使用 jQuery 或通过纯 JS。

http://jsfiddle.net/teraw600/

javascript jquery placeholder mapbox

3
推荐指数
1
解决办法
4433
查看次数

HTML 文本区域更改占位符的位置

我希望我的文本输入区域更大,但占位符文本位于左上角。我该如何实现这个目标?

JSFiddle 就在这里。

<form name="myForm" class="infocontent">
   <input data-role="none" type="email" class="inputEmail required" name="email" placeholder="EMAIL"/> </br></br>
   <input data-role="none" type="text" class="inputMessage messageHeight required" name="message"  placeholder="MESSAGE" style="width:400px; height:100px;"/> </br> </br>

   <div id="load"></div>
   <input data-role="none" type="submit" name="submit" class="submit" value="submit"/>
</form>
Run Code Online (Sandbox Code Playgroud)

html textarea input placeholder

3
推荐指数
1
解决办法
8591
查看次数

3
推荐指数
1
解决办法
1617
查看次数

如何在 Google 表单中使用占位符?

我使用Google Forms创建了一个联系页面。我想在此表单中添加一个占位符。


在询问之前,我在谷歌上搜索了很多,但没有成功。我能做的唯一方法是通过分配访问Chrome 浏览器placeholder="some_name"中的开发人员工具,但这没有用,因为它只是临时的。

使用占位符开发工具

我该如何实现这一目标?

html browser forms placeholder google-forms

3
推荐指数
1
解决办法
7868
查看次数

qt中的占位符

我想在 QLineEdit 中设置占位符文本。我正在使用以下代码来执行此操作:

QLineEdit *q = new QLineEdit;
q->setPlaceholderText("Enter number");
Run Code Online (Sandbox Code Playgroud)

但是在执行时,占位符没有设置。这里可能有什么问题?

c++ qt placeholder qlineedit

3
推荐指数
1
解决办法
6430
查看次数

使用jquery获取空输入字段中占位符的值?

有些事情很奇怪,我很难过。

当我有一个带占位符的输入字段时,例如:

<input id="box1" placeholder="not applicable">
Run Code Online (Sandbox Code Playgroud)

我总是能够获取用户输入,或者如果输入为,jquery 的占位符值如下:

var text = $('#box1').val();
Run Code Online (Sandbox Code Playgroud)

没什么大不了。使用 jquery.val()总是能解决问题。然后我开始在以前工作的应用程序中看到一些代码输出错误,其中空输入没有捕获占位符值。

javascript 引擎有什么变化可以解释这一点吗?或者,如果输入字段为空,是否有获取占位符值的新方法?

看这个例子:

<input id="box1" placeholder="not applicable">
Run Code Online (Sandbox Code Playgroud)
var text = $('#box1').val();
Run Code Online (Sandbox Code Playgroud)

jquery user-input placeholder

3
推荐指数
1
解决办法
1万
查看次数

如何在CKEditor 5中添加占位符?

import BalloonEditor from '@ckeditor/ckeditor5-editor-balloon/src/ballooneditor';

import Essentials from '@ckeditor/ckeditor5-essentials/src/essentials';
import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph';
import Bold from '@ckeditor/ckeditor5-basic-styles/src/bold';
import Italic from '@ckeditor/ckeditor5-basic-styles/src/italic';

BalloonEditor
                .create( elem, {
                    plugins: [ Markdown, Essentials, Paragraph, Bold, Italic ],
                    toolbar: [ 'bold' ]
                })
                .then((editor) => {
                    ....
                })
                .catch( error => {
                    console.error( error );
                } );
Run Code Online (Sandbox Code Playgroud)

我尝试使用https://ckeditor.com/docs/ckeditor5/latest/api/module_engine_view_placeholder.html#static-function-attachPlaceholder中的AttachPlaceholder

import { attachPlaceholder } from "@ckeditor/ckeditor5-engine/src/view/placeholder";
Run Code Online (Sandbox Code Playgroud)

您能否向我展示如何使用此方法(attachPlaceholder)或如何执行的简单示例。

placeholder ckeditor5

3
推荐指数
1
解决办法
7099
查看次数

在 Woocommerce 中更改结帐帐单字段占位符

我正在尝试使用以下代码更改结帐页面中“帐单地址 2”的字段占位符:

add_filter( 'woocommerce_checkout_fields' ,  'custom_override_checkout_fields',9999 );

// Our hooked in function - $fields is passed via the filter!
function custom_override_checkout_fields( $fields ) {
   $fields['billing']['billing_address_2']['placeholder']="dssfsd";
   return $fields;
}
Run Code Online (Sandbox Code Playgroud)

它只改变片刻,而不是返回到它的默认值。请参阅以下视频(10 秒):https : //www.youtube.com/watch?v=-qOZ67gFQ98

php wordpress checkout placeholder woocommerce

3
推荐指数
1
解决办法
5216
查看次数