Placeholder overlays username and password which are remember in browser - autocomplete

I created input form for floating placeholder to top of input text feild when I have onChange in input. But I have username and password which are remember in browser (chrome) then when I refresh page placeholder will overlay username and password because username and password that was remembered it hasn't onChange. And if I click anywhere in that page placeholder will float to top placeholder overlays text image
How to solve this problem?

Related

Change header at the keycloak login panel

I need to style my login screen for a keycloak. I am using themeing and have been already override few texts at keycloak/theme/login/messages/messages_en.properties
But I could not change text at the header. My inspection says that it is this line
<h1 id="kc-page-title"><#nested "header"></h1>
It renders as a "Sign in to your account" at my screen and I need to change this text. Could anyone help me?

Flutter create a passowrd rules dialog

at the moment i try to revised my password textfield.
I'm adding passwort rules.
For Example the password must allways 8 letters length...
Now i want a dialog for more useful information for the user.
I found in the internet a nice example.
Here the example:
My problem, i don't know how i can create this dialog in flutter.
I found the alertDialog in internet, but the background changes and the dialog close after the user klick on screen.
Here a emxample from AlertDialog:
Anyone have a idea how i can create a dialog like the first example.
The dialog should always visible.
Also if the user klick on screen.
But it should also allow the user to edit the textfield.
Many thx (:
I think the easiest way is to toast when the user clicks on submit button you can show this or you can show in text form field error text so user gets specific text like "Enter your name".

How to store data locally and show and edit in input edit field in FLUTTER?

I have 2 screens
(1) SETTING screen
(2) Sign in screen
when I am enter username (TEXT EDITING FIELD) in setting screen and after pressing the save button application navigate to sign in screen above username displayed in sign in screen and when i am back to setting screen already written username is not showed
i want to display username on setting screen and also edit in same field where I entered username and also save the setting I entered on disk storage?
kindly help me how I am resolve the problem

how can I disable bootstrap modal on desktop and enable only for mobile/tablets?

enter image description here
We have two user interface, one for desktop and one for mobile, when user gonna login via desktop, then the username input and username password fields will show, and when it turns into mobile view, then both fields will be hidden and the screen shows look like below;
enter image description here
the issue is this, when I try to log in and click on login button, the login will appear ok, but when I click on login via desktop, the modal will appear too, I want to move or display hidden login popup on desktop screen. please answer.
You can handle click event on the button and check whether are input fields visible or not. If not, then show modal programmatically by calling $("#modal").modal('show')
So as default, use your login form as regular form (dont use bootstrap modal) and in JS:
$("#submitbutton").click(function() { //catch button click
if ( !$("#username").is(":visible") ) { //is mobile version?
event.preventDefault(); //dont send form
$("#modal").modal('show'); //but instead, show modal
}
});

Enable 'submit' button only if a value in the form has been changed

I have a php form for a website containing text fields which display values retrieved from my database and also a submit button. I would like the submit button to be disabled by default and to only be clickable if the user has made a change to one of the text fields in the form. However if they were to change it back to the default value, the button would automatically be disabled again. Any help is appreciated.
You need to use javascript. For each field, you must make a eventhandler that checks the value and then enables or disables your submit-button.
Declare a Variables for each Text box
Then assign the values that you Retrieving from database to the text box and a Variables...
At the time of Button_Click compare the Value of text box with the Variables
If BOTH are Same then there is no EDIT's occur
That's all