Input elements

User 2841431 Photo


Registered User
21 posts

I feel silly for asking this but I cannot find a way of setting an initial value or placeholder of an input element, is that right ?
Just to add I've tried using the Attributes panel to enter placeholder or value and it prompts that they're reserved.
User 1471420 Photo


Registered User
41 posts

Hi,
Does anyone have the answer to this? Im having the same problem
User 1471420 Photo


Registered User
41 posts

Surely there must be a simple way to label a form text field? Anybody?
User 2837804 Photo


Registered User
9 posts

The only way I know to do this is, drop a html element in your row then add a form container in your html element, then add to your html

<input value="" name="text-name" type="text" placeholder="My Value">
<input value="" name="text-name" type="text" placeholder="My Value">

It works perfectly!
The cool part is that you can then select the input fields :-)
Attachments:
User 1471420 Photo


Registered User
41 posts

Thanks very much for that helpful post Case. Much appreciated!

:)
User 1471420 Photo


Registered User
41 posts

I have another problem with a form field. Ive set one up for the name and another for the email. Ive made the email required and the name field optional. But, the name field is triggering an error message when anything is input! When its left empty it goes through!

the error message that pops up next to the form field is "Please match the requested format" any ideas anyone?

And while im asking. What are those form field options in FF "Pattern" and "Form"?

What I'd give for a help file!
:)
User 187934 Photo


Senior Advisor
18,676 posts

Hi Barry,
Which type of input did you use for the name?
The pattern is for regular expressions.
http://www.html5pattern.com/

The form attribute allows inputs to be tied to a form but be outside the actual form container.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
https://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
https://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 1471420 Photo


Registered User
41 posts

Hi Eric, thanks for replying and for the interesting link :)

I used the first type in the list, called 'Input' It seems to be the only one available to collect information such as users names.

Removing all css doesn't remove this error correction either. So I don't even know where to find this code or how it is affecting the form. Perhaps the Foundation framework is picking up the <form> tag and adding the error correction code to that?

If that is the case, then would adding a bespoke form, pasted in to a html element in FF not result in the same error correction being added? Really not sure what is going on here!
Anyone know how to turn this off?

User 187934 Photo


Senior Advisor
18,676 posts

Can you share a link or a rff file?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
https://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
https://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 1471420 Photo


Registered User
41 posts

I was able to turn this off by selecting the form and then disabling error correction.
Not perfect, but...

Seems to be a problem with FF? Namely that if you use an 'input' field you cannot submit the form if you are using error correction.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.