strohhalm.org / Archiv / (X)HTML & CSS / Eintrag lesen

CSS Formular-Gerator Form-O-Matic

1. CSS Formular-Gerator Form-O-Matic

   Moorhead 02. Dezember 2004, 12:28

   Hallo!
   
   Kennt ihr das schon? Das finde ich sehr praktisch für diejenigen, die sich nicht so gut aukennen und schnell css-Formulare haben wollen.
   
   http://www.tastypopsicle.com/formomatic/
   
   Allerdings nicht 100% kompatibel zu Opera und Mozilla, aber für den Zweck hol ich halt mal kurz den IE raus... ;-)
   
   VG MARKUS

2. Re: CSS Formular-Gerator Form-O-Matic

   Moorhead 02. Dezember 2004, 12:32

   oh, doch Mozilla-kompatibel!

3. Re: CSS Formular-Gerator Form-O-Matic

   Pedrito 02. Dezember 2004, 14:29

   Fehlt nur noch die Fehlerüberprüfung, damit nicht sowas möglich ist:
   style="width:jjjpx;" maxlength="rrr"
   
   
   mfG
   
   Pedrito

4. Re: CSS Formular-Gerator Form-O-Matic

   tastypopsicle 03. Dezember 2004, 00:35

   I only know how to speak English so I must apologize right now. I made this form and I hope that everyone is enjoying. I wonder, though, if there is a problem with the form based on this message - unfortunately, I do not know what it says. Could anyone help to translate?
   
   Thank You
   Ed Knittel at tastypopsicle.com
   formomatic[at]tastypopsicle[dot]com

5. Re: CSS Formular-Gerator Form-O-Matic

   Juggler 03. Dezember 2004, 00:54

   Yes,
   there is a problem.
   At the moment it is possible to assign anything as value.
   Consider this value:
   
test" /><input name="test2" type="text" width="300" maxlength="250" value="another test

   Of course, this is a harmless example. But there might be more critical values. So, it would be better to mask special characters such as ", > etc.
   
   And there is one more suggestion I have. It would be great if one could assign an individual classname to the field.
   
   Otherwise, its a great thing for those who need it.
   
   Juggler

6. Re: CSS Formular-Gerator Form-O-Matic

   tastypopsicle 03. Dezember 2004, 18:53

   Thanks for the response. The real problem was that width and maxlength were accepting non-numeric values...
   
   And thanks to all of you I have fixed those problem areas.
   
   And as far as the classname goes - I use CSS exclusively for all of the work that I do. I never use a classname for input, select, and textarea form fields. The reason is that I have never seen when there is a reason to use a different classname for separate input elements in a form. So, set your styles on the "input" element in CSS.
   
   Example:
   
   input,select,textarea {
   font:1em Verdana normal;
   color:#000;
   }
   
   or on the form element
   
   form {
   font:1em Verdana normal;
   color:#000;
   }
   
   I use class names for buttons, though.
   
   Take a look at http://www.tastypopsicle.com/formomatic/formomatic.css for a closer look.
   
   Thanks again to all of you for making it better.
   
   Ed Knittel
   http://www.tastypopsicle.com

7. Re: CSS Formular-Gerator Form-O-Matic

   Moorhead 03. Dezember 2004, 19:06

   ...thats not a big problem, but the form-o-matic does not work properly in my Opera 7.5/Win.
   I dont know if it's worth changing it, but it would be great!
   
   Greeting,
   MARKUS

8. Re: CSS Formular-Gerator Form-O-Matic

   Juggler 03. Dezember 2004, 19:15

   > I never use a classname for input, select, and textarea form fields. The reason is that I have never seen when there is a reason to use a different classname for separate input elements in a form.
   In my opinion there is a use for that. Think of different formattings for required an optional fields.
   
   Dont think, nobody needs that, just because you never had a use for this feature.
   
   bye
   Juggler

9. Re: CSS Formular-Gerator Form-O-Matic

   Pedrito 03. Dezember 2004, 19:36

   Wenn jemand das dem netten Mann übersetzen könnte(kann nur Programmier-Englisch :-)
   
   Da IE nicht fähig ist, zeitgemässes CSS zu unterstützen, kann ich nicht einfach input {width:250px;} setzen. Das gibt in IE teils komischste Effekte auf alles, was auch vom Typ input ist, wie Radio-und Checkboxen.
   
   mfG
   
   Pedrito

10. Re: CSS Formular-Gerator Form-O-Matic

    tastypopsicle 03. Dezember 2004, 20:49

    Juggler,
    
    You certainly do have a good point. I do add classnames to some of my fields (add some checkboxes or radio buttons, take a look at the code and you'll see that I do).
    
    The idea behind my Form-O-Matic was to make it a little easier for people to make forms quickly and easily - especially if you want to use CSS and no table tags. I realized that nothing was out there and I always had to hand code every form that I made. This becomes tedious after awhile.
    
    I'm going to not add the ability to add classnames for now as it could do some unwanted things to my checkboxes and radio buttons. With that said, after the form is made it's very easy to go in and add the necessary classname to any form field by simply making a change to the code that the Form-O-Matic outputs.
    
    Thanks again to everyone.
    
    Ed Knittel

11. Re: CSS Formular-Gerator Form-O-Matic

    Moorhead 03. Dezember 2004, 22:44

    Hi!
    
    I didn't understand what kind of problems some additional classnames could make. If they are not used, they are totally neutral, or aren't they?
    
    Petdrito mentioned another point (in german). He said, that the IE sometimes makes problems when using INPUT-tags that are easily set like input{width:250px;}. These styles often force strange effects in other form-fields like radio- or checkboxes, because these are also input-fields.
    (I hope to translate it right... ;-)
    
    But thanks again for this helpful tool!
    
    Many Greetings,
    MARKUS

12. Re: CSS Formular-Gerator Form-O-Matic

    Ingo40 03. Dezember 2004, 23:35

    Hi,
    
    > font:1em Verdana normal;
    
    You should know that this is wrong.
    The font-style must be the first of this definitions, otherwise some standard compliant browser wold ignore the rule. See http://www.w3.org/TR/CSS21/fonts.html#font-shorthand
    
    In addition you should specify a generic font-family.
    
    Bye
    Ingo