Save form control values to use later - html

I am working on a large form using Angular 5 and Material 2, and to test it, I am using Chrome. It has more than a hundred of controls, some of them are input of type text, and others are select.
So I want an easy way to save the selected values of all of the controls to use later. It's a waste of time filling manually the controls several times.
I found some Chrome extensions to do it, but none of them save the values of the select controls.

If you are already using Angular why do you need a chrome extension? just create a dummy object and init it when you getting the form... That way you already have all the fields automatically filled with your dummy values. It is the most easy way.

Related

How to get UAE Display Conditions to trigger based on contents of an ACF "text" field?

I have a requirement to show/hide Elementor content based on the contents of an ACF test field. I'm using the Ultimate Addons (UAE) package to extend the Display Conditions function to include ACF fields.
If I trigger the conditions based on an ACF "selection" field, things work just fine. If I try and trigger the conditions based on the contents of a text field, nothing ever seems to trigger. I CAN use a selection, but it's going to add an extra step to a process used by someone who is allergic to friction of any sort.
Is there some sort of formatting , delimiting, or operator I need to be including with the text? I have confirmed that the text matches exactly, but with careful typing and with copying and pasting, neither works.
Is there some sort of formatting, delimiting, or an operator that I need to be applying to the text content to match?
screen shot of not working condition

Disable autocomplete on regular text input, but allow back>forward saving of value

I have an html input field, type text, that is not a password or any type of sensitive information. It is used frequently to put in dollar values. Autocomplete by a browser is annoying because it comes up every time, gets in the way (for some fields this system has its own autocomplete so that's crazy and I disable it there too, though not on this one). The field just requires typing in a dollar value which is different almost every time so autocomplete isn't very useful.
I used the autocomplete="off" on this field.
Then the users mentioned that now when they hit back in their browser, then forward, the value is cleared out. I traced it to this, that's indeed what it does. Other fields keep their values just fine as dictated by the browser's behavior.
Now how to I allow this saving of the value, but disallow the actual autocomplete? This change that came along with autocomplete is unwanted for me. I also don't see it mentioned at all on the w3schools page for autocomplete, but it does it in Firefox and Chrome.
Thanks for any suggestions. The simple thing would be to just allow autocomplete again so I might end up doing that :/
You could keep autocomplete off but create a local storage value that persists that particular fields last value, you could trigger when the value changes. When the page is loaded you would then have a function that checks to see if the value is in local storage and if so populate that field.
Here is an article on using local storage - http://www.thomashardy.me.uk/using-html5-localstorage-on-a-form

Swiffy: Convert from Flash to HTML5: Input text is not supported

We are using the swiffy converter to convert our math flash programs to HTML5.
Problem is, a lot of our programs have input fields that are not converted by Swiffy. The error message is:
Input text is not supported. (2 occurrences)
Now we try to find a workaround to setup things in Flash so that the conversion works including the input fields.
Has anyone found a solution?
Thanks in advance.
One thing you might do is to convert the input text fields to dynamic text fields, then create buttons that fill out these text fields. I tried it and it worked. Considering it is a math app, you might want to create a keypad that sends the numbers to these text fields and a clear button to allow users to delete incorrect entries. It might seem like a lot of work for a simple event, but this is only until Swiffy converts input text
Best wishes
//assuming you have a dynamic text field on stage named 'inputIN_txt' and a button named 'inputBtn'
inputBtn.addEventListener(MouseEvent.CLICK, onInputData)
function onInputData(e:Event): void{
inputIN_txt.text="Hello, Swiffy"
}

how to avoid repetition of <select></select>?

Say, I have 50 input fields and in each field there is a dropdown list having options 1, 2, 3, .., 100.
Simply it can be done by inserting the long list of options in every input fields by commands.
Is there anyway by which we can write the full list only for one input field and refer it in the other input fields
If I'm understanding this question correctly this sounds like it would be a great case for using some server side logic like php or asp. A simple FOR loop would make it easy to maintain without adding the complexity / reliance on JavaScript that a client - side function brings into play.
You could use jQuery to append the options list to all dropdown lists with a certain class name in the $().ready() event handler.
JSFiddle Link

How input boxes save previous entries

Quick question here. I am creating a web app using MVC. I've noticed when I add input boxes to pages, they save previous entries in a dropdown fashion, like so:
While this IS handy, I'd like to know a couple things:
How/Where are these previous entries being saved? Is this my browser or an MVC thing?
If need be, how can I override this default behavior?
Thanks!
I'm not sure what's in your specific project, but it could be one of three things:
Some browsers, if you submit a form, remember the submitted values and automatically make inputs autocomplete. The autocomplete HTML attribute on forms and inputs can help to control that.
HTML 5 has a datalist element which lets you associate a list of options with an input, so autocomplete can be implemented manually.
There may be some JavaScript, potentially paired with AJAX doing this autocomplete.