This input types doesn't work with...

User 131545 Photo


Registered User
687 posts

Dear support
When I customize the code for my web form then the html form input_types not displayed correctly in the Web browsers such like Google Chrome, Internet Explorer, FireFox.

It's going to be the input type "number", "date" and "email".
It had to be somewhere in the limitations are in the default.css file.
Can anyone have a solution that I can correctly display all form input types?

I have already tried everything but the cause is on the restrictions imposed by the creators of coffeecup software.
It would be useful to obtain a custom default.css.
By default a HTML file, and in it a container as form and in it all input types everything works correctly.
I have 20 forms a professional customer, but in it the input fields for "date", "time", "email" and "number

This is my whole project
It's includes : the webforms, the website taxideluxe
(next email)

Kind regards
Stephane
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
User 122279 Photo


Senior Advisor
14,450 posts

If I understand correctly, you can't find the input elements email, date and number? They are all there. If you need an input field for time, I think you have to create one by using the dropdown elements and add as many time options that you need. You can also create your own option list with time, for example with 5 minutes intervals. It takes some minutes first time, but later you have it and can just select it.

You will have access to the custom.css after you have exported the form.

Als ik het goed begrijp, dan kunt u de input elementen e-mail, de datum en het nummer niet vinden? Ze zijn er allemaal. Als u een invoerveld nodig heeft voor tijd, ik denk dat je er een te maken met behulp van de dropdown elementen en voeg zoveel tijd opties die je nodig hebt. U kunt ook uw eigen lijst met opties te maken met de tijd, bijvoorbeeld met 5 minuten intervallen. Het duurt enkele minuten de eerste keer, maar later heb je en kan gewoon selecteren.

U krijgt toegang tot het aangepast custom.css hebben nadat u het formulier hebt geëxporteerd.
Attachments:
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 131545 Photo


Registered User
687 posts

Inger,
how can I make the form input types for HTML5 visible as in the examples on the page of w3schools.com it comes to this form input types:

<input type="email"> like here in this example
http://www.w3schools.com/html/tryit.asp … nput_email
<input type="date"> like here in this example
http://www.w3schools.com/html/tryit.asp … input_date
<input type=time"> like here in this example
http://www.w3schools.com/html/tryit.asp … input_time
<input type="range"> like here in this example
http://www.w3schools.com/html/tryit.asp … nput_range

How can I customize in my code that I have the same result as the examples I see directly on the web browser?
Ik wil the same results such without the webform builder

Can you please help me that I can see the correct appereance

Kind regards

I send my whole project for the last step place the form into the next pages of my website:

"Reservatie" --> there a form
"Contact" --> there a form

Kind regards

Look to the w3schools try examples I want the same with the CC Webform Builder





Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
User 122279 Photo


Senior Advisor
14,450 posts

I have looked at the w3schools examples.

If you checked the image showing part of the html that I included in my previous mail, you will have seen that the email and number fields have the correct type.

As to 'date', it is not supported by some browser versions that are not so very old (IE11 among them), and my guess is, that 'text' is being used because of that. But if you want to change it, you may do so in the exported form html file.

When it comes to time, there is no option in the Form builder other than creating the list yourself. I'm not sure if that will pass as input type 'time', and besides, there are many ways of writing times (12h30, 12:30, 12,30, 12.30), and you also have the 12 and 24 hour time setting, so for now I think it is best to have a list of times to select from.
But I guess if you do a Google search for 'time picker', you may find something that you can use.

Put your project into your drop box, then we'll see if we can get it up and running soon.


Ik heb gekeken naar de w3schools voorbeelden.

Als je het plaatje van een deel van de html die ik in mijn vorige post gecontroleerd, zul je gezien hebben dat de e-mail en het aantal velden hebben het juiste type.

Met betrekking tot de 'date', is het niet ondersteund door sommige browser versies die niet zo heel oud zijn (IE11 onder hen), en ik denk, dat de 'text' wordt gebruikt vanwege dat. Maar als je wilt om het te veranderen, kunt u dit doen in het geëxporteerde vorm html-bestand.

Als het gaat om de tijd, is er geen optie in de vorm bouwer anders dan het maken van de lijst zelf. Ik weet niet zeker of dat zal passeren als input type 'tijd', en bovendien, er zijn vele manieren van schrijven tijden (12u30, 12:30, 12,30, 12,30), en je hebt ook de 12 en 24 uur tijd instelling, dus voor nu ik denk dat het het beste is om een ??lijst van tijd om uit te kiezen hebben.
Maar ik denk dat als je een Google-zoekopdracht voor 'tijd picker', kun je iets dat je kunt gebruiken.
Zet uw project in uw drop box, dan zien we wel als we het kunnen krijgen up and running snel.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



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.