So erstellen Sie den Text im Eingabtextfeld nicht wählbar, aber vom Benutzer bearbeitet, d. H. Der Benutzer kann nicht m ⇐ HTML

[Anonymous]

Ich versuche, eine Kennworteingabe zu erstellen, aber ich möchte, dass sie vom Benutzer nicht ausgewählt werden, während er dennoch bearbeitet wird. Ich habe versucht, die Eigenschaft aus Select-None Tailwind zu verwenden und den Readonly-Wert mit dem Status zu kontrollieren, aber er scheint nichts zu tun.

Code: Select all

export const Input = memo((props: InputProps) => {
// const [read, setRead] = useState(false) ;
return (

{props.inputVaraint == "TextBox" &&
 props.onInput!(e)
: () => {}
}
ref={props.ref as Ref}
spellCheck={false}
placeholder={props.placeholder}
className={`${DefaultInputStyle} ${props.customPadding} ${InputStyle.size[props.size]} `}
required
/>
}
{props.inputVaraint == "Password" &&
 props.onInput!(e)
: () => {}
}
ref={props.ref as Ref}
spellCheck={false}
placeholder={props.placeholder}
className={`${DefaultInputStyle} ${props.customPadding} ${InputStyle.size[props.size]}`}
required
/>
}
{props.inputVaraint == "TextArea" &&

}

)
})