标签: placeholder

如何在焦点上显示占位符文本?

我有以下占位符:

 <div class="input-text-container search" style="display:none;">
    <input type="text" id="textSearch" class="input-text-big search-message" placeholder="Search in your list"/>
    <i class="common-sprite cross search"></i>
</div>
Run Code Online (Sandbox Code Playgroud)

当用户单击具有“search.icon-search”类的图标时显示输入

我使用以下JS代码:

 $('.search.icon-search').on(
        'click',
        function(e) {
            e.preventDefault();
         $('#textSearch').focus()
        });
Run Code Online (Sandbox Code Playgroud)

问题是占位符在焦点上消失了。我怎样才能在焦点上显示它?

html javascript focus input placeholder

2
推荐指数
1
解决办法
6420
查看次数

Android:如何在 Glide 或 Picasso 的占位符中使用 TextView

我正在使用 Glide 或 Picasso 来加载图像

Glide.with(context).load(POST_IMAGE).placeholder(R.drawable.loading_img).error(R.drawable.bg_480_800).into(image);
Run Code Online (Sandbox Code Playgroud)
Picasso.with(context).load("image url").error(R.drawable.bg_480_800).placeholder(R.drawable.loading_img).into(holder.imageURL);
Run Code Online (Sandbox Code Playgroud)

在这两个中,我使用图像作为可绘制文件夹中的占位符。现在我想在占位符内使用文本而不是可绘制文件夹中的图像。

所以,请帮我加载文本而不是从 drawable 文件夹加载图像

android placeholder picasso android-glide

2
推荐指数
1
解决办法
2695
查看次数

如何进行占位符和标签转换?

我正在寻找一个示例,说明如何使标签/占位符过渡向上移动并从占位符位置移动到标签位置,反之亦然。

示例: https: //www.xero.com/us/signup/

css label placeholder css-transitions

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

使用占位符代替标签

当谈到可访问性时,通常的做法是不使用占位符代替标签,因为在字段中输入内容时,占位符会消失。但是,如果我的占位符之后充当视觉标签怎么办?

在聚焦和进入之前

聚焦进入后

在这种情况下只使用占位符代替实际的标签仍然可以吗?如果是这样,我还需要用 aria-label 来标记它吗?

label accessibility placeholder screen-readers ada-compliance

2
推荐指数
1
解决办法
2180
查看次数

为 Woocommerce 电子邮件通知主题创建其他变量/占位符

从自定义订单状态激活新电子邮件通知时,我为主题占位符提供了以下选项:

“您可以使用以下占位符:{order_date}、{order_number}、{order_status}、{billing_first_name}、{billing_last_name}、{billing_company}、{blogname}、{site_title}”

有没有办法为其他领域创建新的占位符?基本上,我创建了一个名为 test_pw 的新隐藏字段,我希望能够将 {billing_email} 和 {test_pw} 添加到我的自定义电子邮件中。

我曾尝试使用此代码,但我不知道如何格式化它。

// Only for woocommerce versions 3.2 + (up to 3.2)
add_filter( 'woocommerce_email_format_string' , 'filter_email_format_string', 20, 2 );
function filter_email_format_string( $string, $email ) {
// Get the instance of the WC_Order object
$order = $email->object;

// Additional wanted placeholders in the array of find / relace pairs
$additional_placeholders = array(
    '{custom_one}'      => __('my replacement one','woocommerce'),
    '{billing_email}'   => $order->get_billing_email(),
    '{test_pw}'   => $order->get_test_pw(),
);

// return the clean string with new replacements
return …
Run Code Online (Sandbox Code Playgroud)

php wordpress placeholder email-notifications woocommerce

2
推荐指数
1
解决办法
1836
查看次数

占位符图像作为缩略图(模糊),直到实际图像加载

我有下面的代码,用于在用户选择它后显示全屏图像。

fullImage.kf.setImage(带有:url)

在实际图像下载期间,我想将占位符显示为相同图像,但缩略图尺寸被拉伸。该缩略图在之前显示缩略图时由 Kingfisher 库缓存。

当我在没有 KF 库的情况下显示图像时,通过使用常规 iOS UIImage 下载器,它会显示拉伸缩略图的模糊预览,然后显示实际图像。KF库如何实现这一点?

blur placeholder swift kingfisher

2
推荐指数
1
解决办法
6608
查看次数

文本输入占位符在本机反应中下降

在我的 React Native 应用程序中,当我按下文本输入时,占位符会向下移动一点,如下图所示。我们该如何解决这个问题?只需触摸并滚动屏幕即可实现此更改。带或不带滚动视图都不起作用

在此输入图像描述

> below is my code
           <ScrollView>
          <View style={styles.Seventh}>
            <View style={styles.Eighth}>
              <Image style={styles.Imagethird} source={require('../src/Assets/Profile-xhdpi.png')} />
            </View>
            <View style={styles.ninth}>
              <Text style={styles.Textthird}>USER'S NAME</Text>
              <TextInput placeholder="user's name               " style={styles.one} underlineColorAndroid='transparent'
            //--------------value Handler----------------//
            onChangeText={(firstName) => this.setState({firstName})}

            //---------------------------------//
              />
            </View>
            </View>
            </ScrollView>
            Seventh: {
                height: 60,
                width: '100%',
                borderRadius: 70,
                flexDirection: 'row',
                elevation: 3,
                backgroundColor: 'white',
                marginTop:10
            },
            Eighth: {
                height: 60,
                width: '20%',
                justifyContent: 'center',
                alignItems: 'center'
            },
            Imagethird: {
                height: 20,
                width: 20,
                resizeMode: 'contain',
            },
            ninth: {
                height: 60, …
Run Code Online (Sandbox Code Playgroud)

scroll placeholder textinput react-native

2
推荐指数
1
解决办法
2052
查看次数

清除 TextField 时如何恢复占位符文本

当 TextField 被清除时,我在恢复 TextField 上的占位符文本时遇到问题。

除了我在此处找到的方法之外,还有其他更简单的方法来恢复文本吗?

清除 SwiftUI TextField 不会恢复占位符

干杯,奥利弗

text restore placeholder swiftui

2
推荐指数
1
解决办法
320
查看次数

如何将占位符值添加到 Flask_admin form_create_rules?

使用 Flask_Admin,我有一个视图/模型Movie,它将有一个字段genre,该字段将是一个字符串,要么是"horror""action"要么是"comedy"。对于 Flask_admin 中的电影创建表单,我有:

class MovieView(ModelView):
    column_list = ['id', 'name', 'genre', 'director']
    form_create_rules = ('name', 'genre', 'director')

Run Code Online (Sandbox Code Playgroud)

但“电影创建”表单的“流派”字段显示为空白。如何添加占位符值以便管理员知道要在该字段中放入哪些值?

forms placeholder flask flask-admin

2
推荐指数
1
解决办法
733
查看次数

输入 Int 的 iOS SwiftUI TextField 缺少占位符

我希望我的 iOS SwiftUI TextField显示占位符“输入整数:”,但 TextField 显示 0(var 值的值)。当用户删除 0 时,确实会出现占位符“输入整数:”。如何让占位符“输入整数:”出现而不让用户先删除 0?先感谢您。macOS Catalina 10.15.6 上的 Xcode 11.6。

struct ContentView: View {
    @State private var value: Int = 0;
    @State private var text: String = "";
    
    var body: some View {
        VStack {
            TextField(
                "Enter an integer:",
                value: $value,
                formatter: NumberFormatter(),
                onCommit: {self.text = "The product is \(2 * self.value).";}
            )
            .keyboardType(.numbersAndPunctuation)
            .textFieldStyle(RoundedBorderTextFieldStyle())
            
            Text(text)
        }
        .padding([.leading, .trailing], 16)
    }
}
Run Code Online (Sandbox Code Playgroud)

placeholder textfield ios swiftui

2
推荐指数
1
解决办法
984
查看次数