标签: textfield

如何在CSS中设置输入(文本)字段的高度?

对不起这个问题,我似乎无法在任何地方找到答案.我有CSS代码,应该设置我的文本框的高度.我正在使用VS2010 Express for Windows phone,用HTML/CSS/Javascript/C#编码.

HTML

<input class="heighttext" type="text" id="name">
Run Code Online (Sandbox Code Playgroud)

CSS

.heighttext{
  height:30px
}
Run Code Online (Sandbox Code Playgroud)

我可以将高度设置为我喜欢的任何东西,但文本框将保持不变!请帮忙,或者至少给我发一个可以的链接!

html css textfield

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

在Django的TextField中禁用HTML转义

当我写入模型的TextField时,如何关闭Django的自动HTML转义?

html django django-models textfield

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

HTML输入字段提示

我想向用户提供他需要输入我的文本字段的提示.但是,当我设置值时,一旦用户单击文本字段,它就不会消失.你怎么能让它消失?

<form action="input_password.htm">
  <p>Username:<br><input name="Username" value="Enter username.." type="text" size="20" maxlength="20"></p>
</form>
Run Code Online (Sandbox Code Playgroud)

html hint textfield

29
推荐指数
5
解决办法
11万
查看次数

Jetpack Compose 对齐 TextField 中的输入文本

我想通过TextFieldJetpack Compose 实现类似的行为,就像旧式 XML 布局一样:

<EditText
    android:id="@+id/some_id"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="right" /> <!-- or end -->
Run Code Online (Sandbox Code Playgroud)

当我尝试这种方法时:

TextField(value = "", onValueChange = {

}, textAlign = TextAlign.End) 
Run Code Online (Sandbox Code Playgroud)

它根本不起作用,textAlign因为TextField. 那么如何对输入的文本进行对齐TextAlign.Center,如TextAlign.EndTextAlign.Justify等等TextField

user-interface user-experience textfield text-alignment android-jetpack-compose

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

使用CSS自定义类型编号输入的增量箭头

我有一个使用以下代码呈现的类型编号的输入:

<input class="quantity" id="id_form-0-quantity" min="0" name="form-0-quantity" value="1" type="number">

它看起来像这样:

在此输入图像描述

我想把它变成这样的东西:

在此输入图像描述

第二个视图使用两个单独的按钮进行模拟.

我怎么能按照描述设置箭头样式?

html css html5 textfield css3

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

改变FLUTTER中TextFormField的默认边框颜色

当 TextFormField 未激活时,无法更改默认边框颜色。当 TextFormField 未激活时,它会显示 DarkGrey-Border 颜色。那么,如何改变它。

在此处输入图片说明

Theme(
              data: new ThemeData(
                primaryColor: Colors.red,
                primaryColorDark: Colors.black,
              ),
              child: TextFormField(
                decoration: new InputDecoration(
                  labelText: "Enter Email",
                  fillColor: Colors.white,
                  border: new OutlineInputBorder(
                    borderRadius: new BorderRadius.circular(25.0),
                    borderSide: new BorderSide(),
                  ),
                  //fillColor: Colors.green
                ),
                validator: (val) {
                  if (val.length == 0) {
                    return "Email cannot be empty";
                  } else {
                    return null;
                  }
                },
                keyboardType: TextInputType.emailAddress,
                style: new TextStyle(
                  fontFamily: "Poppins",
                ),
              ),
            ),
Run Code Online (Sandbox Code Playgroud)

default textfield dart flutter flutter-layout

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

如何删除TextField下方的下划线?

这是代码。我想删除文本下方的黑色下划线,目前 TextField 处于编辑模式:

TextField(
      autofocus: true,
      decoration: InputDecoration.collapsed(
        hintText: "Search",
        border: InputBorder.none,
      ),
      maxLines: 1,
    )
Run Code Online (Sandbox Code Playgroud)

textfield dart flutter

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

在 SwiftUI 中以编程方式自动对焦 TextField

我正在使用模态将名称添加到列表中。当显示模态时,我想自动聚焦 TextField,如下所示:

预览

我还没有找到任何合适的解决方案。

为了做到这一点,是否已经在 SwiftUI 中实现了任何东西?

谢谢你的帮助。

var modal: some View {
        NavigationView{
            VStack{
                HStack{
                    Spacer()
                    TextField("Name", text: $inputText) // autofocus this!
                        .textFieldStyle(DefaultTextFieldStyle())
                        .padding()
                        .font(.system(size: 25))
                        // something like .focus() ??
                    Spacer()
                }
                Button(action: {
                    if self.inputText != ""{
                        self.players.append(Player(name: self.inputText))
                        self.inputText = ""
                        self.isModal = false
                    }
                }, label: {
                    HStack{
                        Text("Add \(inputText)")
                        Image(systemName: "plus")
                    }
                        .font(.system(size: 20))
                })
                    .padding()
                    .foregroundColor(.white)
                    .background(Color.blue)
                    .cornerRadius(10)
                Spacer()
            }
                .navigationBarTitle("New Player")
                .navigationBarItems(trailing: Button(action: {self.isModal=false}, label: {Text("Cancel").font(.system(size: 20))}))
                .padding()
        }
    }
Run Code Online (Sandbox Code Playgroud)

xcode modal-dialog textfield swift swiftui

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

为什么在 SwiftUI 中的 TextField 绑定上调用 didSet 两次?

我有一个非常基本的视图,仅显示TextField

看法

struct ContentView: View {

    @StateObject var viewModel = ViewModel()
    
    var body: some View {
        TextField("Enter a string...", text: $viewModel.string)
    }
    
}
Run Code Online (Sandbox Code Playgroud)

TextField文本绑定到string视图模型上的属性:

视图模型

class ViewModel: ObservableObject {
    
    @Published var string: String = "" {
        didSet {
            print("didSet string:", string)
        }
    }
    
}
Run Code Online (Sandbox Code Playgroud)

我添加了一个didSet属性观察器,以便在字符串更改时执行自定义操作。对于这个简单的例子,我只在控制台上打印一个字符串。

观察

当我运行此代码并在文本字段中输入字符串“123”时,这是我得到的输出:

didSet string: 1
didSet string: 1
didSet string: 12
didSet string: 12
didSet string: 123
didSet string: 123
Run Code Online (Sandbox Code Playgroud)

问题:

为什么?
为什么didSet我输入的每个字符都会调用两次闭包?(我希望每个角色都会调用一次。)

代码有什么问题或者这是预期的行为吗?

binding textfield property-observer swiftui observableobject

25
推荐指数
2
解决办法
1561
查看次数

当键盘出现在 SwiftUI 中时 OnAppear 意外调用

我在 SwiftUI 2.0 和 iOS14 中遇到了非常奇怪的行为。

当键盘出现在屏幕上时,会自动调用其他选项卡视图的 OnAppear 方法。

但是,这很好用 Xcode 11.7

这是行动中的问题。 TabView 中的 TextField

这是产生上述错误的代码。

struct ContentView: View {
    var body: some View {
        TabView {
            DemoView(screenName: "Home")
                .tabItem {
                    Image.init(systemName: "star.fill")
                    Text("Home")
                }
            DemoView(screenName: "Result")
                .tabItem {
                    Image.init(systemName: "star.fill")
                    Text("Result")
                }
            DemoView(screenName: "More")
                .tabItem {
                    Image.init(systemName: "star.fill")
                    Text("More")
                }
        }
    }
}

struct DemoView:View {
    
    @State var text:String = ""
    var screenName:String
    var body: some View {
        VStack{
            Text(screenName)
                .font(.title)
            
            TextField("Buggy Keyboard Issue", text: $text)
                .textFieldStyle(RoundedBorderTextFieldStyle())
                
            Text("Issue : When keyboard …
Run Code Online (Sandbox Code Playgroud)

keyboard textfield tabview swiftui swiftui-tabview

24
推荐指数
1
解决办法
1102
查看次数