Kontaktformular ist weg, kann da mal jemand schauen?

thilda

Also das <p> um das <form> muss da überhaupt nicht hin, das ist irgendwie nicht sinnvoll.

Hier auch mal eine weitere Variante.
Wenn du willst kann ich dir auch mal ein komplettes Formular aus dem Buch CSS-Praxis geben...

HTML

<form id="das_formular">
<fieldset>
   <legend>Hier steht eine Zusammenfassung drinne...</legend>
   <p><label>Name:</label><input type="text"></p>
   <p><label>Straße:</label><input type="text"></p>
   <p><label>Ort:</label><input type="text"></p>
   <input type="submit" value="abschicken">
</fieldset>
</form>

edit:
Habe gerade gesehen das ich das <fieldset> vergessen habe. Darf ja mal vorkommen.
Aber ohne fieldset kein legend...

reeperbahner11

Zitat von thilda
Also das <p> um das <form> muss da überhaupt nicht hin, das ist irgendwie nicht sinnvoll.

Hier auch mal eine weitere Variante.
Wenn du willst kann ich dir auch mal ein komplettes Formular aus dem Buch CSS-Praxis geben...
HTML
<form id="das_formular">
   <legend>Hier steht eine Zusammenfassung drinne...</legend>
   <p><label>Name:</label><input type="text"></p>
   <p><label>Straße:</label><input type="text"></p>
   <p><label>Ort:</label><input type="text"></p>
   <input type="submit" value="abschicken">
</form>

Ich werde es nochmal mit deiner variante versuchen, ein komplettes Formular zu erstellen. Und ja wenn dabei steht es ist xhtml 1.1 dann pitte posten

Danke

thilda

Also das Bsp ist als XHTML 1.0 ausgegeben aber kompatibel sollte es ja schon sein oder?

Hier das HTML/CSS-File:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Einfaches Formular</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/*<![CDATA[*/
* {
    margin: 0;
    padding: 0;
}
body, input {     
    font-family: 'Arial Narrow', Verdana;
    background-color: #dede99;
}


form  {
    width: 30em;
    font-size: 1em;
    line-height: 120%;
    margin: 1em;
}


fieldset {
    color: #006699;
    border: solid 1px  #006699;
    background-color: #CCCC99;
    padding: 10px;
}


legend {
    padding: 0.1em 0.4em;
    font-weight: bold;
    color: #000;
    border: 3px double #006699;
    background-color: #dede99;
}


input {
    display: block;
    float: left;
    width: 10em;
    border: 1px solid #dede99;
    background-color: #dede99 ;
    margin: 5px;
    padding: 2px;
}


#nummer {
    width: 3em;
}
#plz {
    width: 3em;
}
br { 
    clear: left; 
}
.submit, .reset { 
    background: #CCCC99;
       border: 3px double #006699;
 }
 
label { 
    width: 5em; 
    margin: 5px;
    padding: 5px;
    float:left; 
    text-align: right;
    font-weight: normal;
    color: #000;
}
p {
    clear: left;
    float: left;
    width: 100%;
}


input:focus, input:hover, input:active {
   background-color: #fff;
   border: 1px dashed #999;
   font-weight: bold;
}




/* Beispiel für Fehlermeldungen */
/* diese Klasse müsste per Javascript oder PHP zugewiesen werden */
input.fehler { 
    border: 1px solid #f00;
    font-weight: bold; 
    background: #fff url(achtung.gif) right no-repeat;
}
/*]]>*/
</style>
</head>
<body>
<form>
<fieldset>
<legend>Bitte tragen Sie sich hier ein!<br /></legend>


  <p><label for="name">Name:</label>
  <input name="name" id="name" type="text" /></p>


  <p><label for="vorname">Vorname:</label>
  <input name="vorname" id="vorname" type="text" /></p>


  <p><label for="strasse">Strasse:</label>
  <input name="strasse" id="strasse" type="text" />
  <label for="nummer">Nummer:</label>
  <input name="nummer" id="nummer" type="text" size="4" maxlength="4" /></p>


  <p><label for="plz">Postleitzahl:</label>
  <input name="plz" id="plz" type="text" size="5" maxlength="5" />
  <label for="ort">Ort:</label>
  <input name="ort" id="ort" type="text" /></p>


  <p><label for="land">Land:</label>
  <input name="land" id="land" type="text" /></p>


  <input name="absenden" type="submit" class="submit" value="Absenden" />
  <input type="reset" name="Reset" class="reset" value="L&ouml;schen" />
  </fieldset>
</form>
</body>
</html>

Alles anzeigen

Quelle: Buch "CSS-Praxis" von "Kai Laborenz" 4.Auflage
Abschnitt 5.10 ab Seite 265

Viel spass beim lernen.
Alles liebe
thilda

reeperbahner11

Zitat von thilda

Also das Bsp ist als XHTML 1.0 ausgegeben aber kompatibel sollte es ja schon sein oder?

Hier das HTML/CSS-File:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Einfaches Formular</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/*<![CDATA[*/
* {
    margin: 0;
    padding: 0;
}
body, input {     
    font-family: 'Arial Narrow', Verdana;
    background-color: #dede99;
}
 
form  {
    width: 30em;
    font-size: 1em;
    line-height: 120%;
    margin: 1em;
}
 
fieldset {
    color: #006699;
    border: solid 1px  #006699;
    background-color: #CCCC99;
    padding: 10px;
}
 
legend {
    padding: 0.1em 0.4em;
    font-weight: bold;
    color: #000;
    border: 3px double #006699;
    background-color: #dede99;
}
 
input {
    display: block;
    float: left;
    width: 10em;
    border: 1px solid #dede99;
    background-color: #dede99 ;
    margin: 5px;
    padding: 2px;
}
 
#nummer {
    width: 3em;
}
#plz {
    width: 3em;
}
br { 
    clear: left; 
}
.submit, .reset { 
    background: #CCCC99;
       border: 3px double #006699;
 }
 
label { 
    width: 5em; 
    margin: 5px;
    padding: 5px;
    float:left; 
    text-align: right;
    font-weight: normal;
    color: #000;
}
p {
    clear: left;
    float: left;
    width: 100%;
}
 
input:focus, input:hover, input:active {
   background-color: #fff;
   border: 1px dashed #999;
   font-weight: bold;
}
 
 
/* Beispiel für Fehlermeldungen */
/* diese Klasse müsste per Javascript oder PHP zugewiesen werden */
input.fehler { 
    border: 1px solid #f00;
    font-weight: bold; 
    background: #fff url(achtung.gif) right no-repeat;
}
/*]]>*/
</style>
</head>
<body>
<form>
<fieldset>
<legend>Bitte tragen Sie sich hier ein!<br /></legend>
 
  <p><label for="name">Name:</label>
  <input name="name" id="name" type="text" /></p>
 
  <p><label for="vorname">Vorname:</label>
  <input name="vorname" id="vorname" type="text" /></p>
 
  <p><label for="strasse">Strasse:</label>
  <input name="strasse" id="strasse" type="text" />
  <label for="nummer">Nummer:</label>
  <input name="nummer" id="nummer" type="text" size="4" maxlength="4" /></p>
 
  <p><label for="plz">Postleitzahl:</label>
  <input name="plz" id="plz" type="text" size="5" maxlength="5" />
  <label for="ort">Ort:</label>
  <input name="ort" id="ort" type="text" /></p>
 
  <p><label for="land">Land:</label>
  <input name="land" id="land" type="text" /></p>
 
  <input name="absenden" type="submit" class="submit" value="Absenden" />
  <input type="reset" name="Reset" class="reset" value="L&ouml;schen" />
  </fieldset>
</form>
</body>
</html>

Alles anzeigen

Quelle: Buch "CSS-Praxis" von "Kai Laborenz" 4.Auflage
Abschnitt 5.10 ab Seite 265

Viel spass beim lernen.
Alles liebe
thilda

Alles anzeigen

ich bin dir ja echt dankbar dafür und sieht auch gut aus, nur die Option die ich vermisse ist <option>, das man z.b. für geburtsjahr /minat/tag nimmt. Hat zwar jetzt nicht wirklich was mit Kontakt zu tun, aber des bräuchte ich auch, vielen dank für deine Hilfe. Cool das so was in nem Buch steht

thilda

Probier doch damit einfach selber ein wenig rum.
Es ist nicht so schwer.

reeperbahner11

Ja werd ich machen, aber es ist nun mal nicht 1.1. Dann bringts mir nicht viel oder

Hier mal ein ANfang, spuckt über 30 Fehler aus

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
    <title>Willkommen</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta http-equiv="content-type" content="application/xhtml+xml;  charset=utf-8" />
    <link href="design.css" type="text/css" rel="stylesheet" />
    <link href="img/favicon.ico" type="image/x-icon" rel="shortcut icon" />
</head>
<body>
<form action="kf_ausgabe.php>
<fieldset>
<legend>Bitte tragen Sie sich hier ein!<br /></legend>

         <p><label for="name">Gewünschter Username*:</label>
         <input type="text" name="user" /></p>

         <p><label for="passwort">Gewünschtes Passwort*:</label>
         <input type="password" name="pass1" /></p>
         <p><label for="pw_wiederholung>Wiederholung*:</label>
         <input type="password" name="pass2" /></p>


         <p><label for="email">Email*:</label>
         <input type="text" name="mail" /></p>
         <p><label for="e_wiederholen>Email wiederholen*:</label>
         <input type="text" name="mail2" /></p>
        <br />
        <hr />
 
        <p><label for="anrede">Anrede*:</label>
                        <select size="1" name="anrede">
                        <option value=""selected>-</option>
                        <option value="Herr">Herr</option>
                        <option value="Frau">Frau</option>
                        </select></p>
</fieldset>
</form>
</body>
</html>

Alles anzeigen

reeperbahner11

Denn was bringt es wenn ich mir jetzt die Sicherheitsabfragen einpräge und noch nicht mal in der Lage bin ein xhtml formular zu schreiben.

Hab schon mehrmals gegoogelt aber man findet nichts, scheint noch nicht so in Gebrauch zu sein xhtml 1.1

Suchwörter

xhtml Formular

xhtml Formular 1.1

html Formularvorlagen

Bei selfhtml.org in der suche dieselben Suchbegriffe verwendet

Bandit

Ein Tipp: Achte mal auf das Syntaxhighlighting des Forums, da springen einem doch schon Fehler ins Auge.

reeperbahner11

Zitat von bandit600

Ein Tipp: Achte mal auf das Syntaxhighlighting des Forums, da springen einem doch schon Fehler ins Auge.

meinst du wiederholung* , Email* und Frau die hellblau sind, aber warum wegen dem Stern, bei Frau ist ja keiner. ich seh es leider nicht, sorry

oder das dass p einmal orange und einmal blau ist?

Bandit

Da fehlen einige "

Und was sagt der Validator:

Zitat

[Blockierte Grafik: http://validator.w3.org/images/info_icons/warning.png] Line 14, Column 1: character "<" is the first character of a delimiter but occurred as data <fieldset>✉

This message may appear in several cases:

You tried to include the "<" character in your page: you should escape it as "<"

You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.

Another possibility is that you forgot to close quotes in a previous tag.

reeperbahner11

Zitat von bandit600

Da fehlen einige "

ich bin jetz von Thildas Beispiel oben ausgegangen und Sie hat immer

HTML

<p><label for="pw_wiederholung>Wiederholung*:</label>
         <input type="password" name="pass2" /></p

und nicht

Zitat

<p><label for="pw_wiederholung>Wiederholung*:</label></p>
<p><input type="password" name="pass2" /></p>

geschrieben. Na ich versuchs nochmal so;)

Bandit

Das darf doch jetzt nicht wahr sein!

<form action="kf_ausgabe.php>

Da fällt dir nichts auf??? Den Fehler hast du mehrfach drin!

reeperbahner11

Zitat von bandit600

Das darf doch jetzt nicht wahr sein!

<form action="kf_ausgabe.php>

Da fällt dir nichts auf??? Den Fehler hast du mehrfach drin!

Umpf, sorry.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
    <title>Willkommen</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta http-equiv="content-type" content="application/xhtml+xml;  charset=utf-8" />
    <link href="design.css" type="text/css" rel="stylesheet" />
    <link href="img/favicon.ico" type="image/x-icon" rel="shortcut icon" />
</head>
<body>
 
<form action="kf_ausgabe.php">
<fieldset>
<legend>Bitte tragen Sie sich hier ein!<br /></legend>
 
         <p><label for="name">Gewünschter Username*:</label>
         <input type="text" name="user" /></p>
 
         <p><label for="passwort">Gewünschtes Passwort*:</label>
         <input type="password" name="pass1" /></p>
         <p><label for="pw_wiederholung">Wiederholung*:</label>
         <input type="password" name="pass2" /></p>
 
 
         <p><label for="email">Email*:</label>
         <input type="text" name="mail" /></p>
         <p><label for="e_wiederholen">Email wiederholen*:</label>
         <input type="text" name="mail2" /></p>
        <br />
        <hr />
 
        <p><label for="anrede">Anrede*:</label>
                        <select size="1" name="anrede">
                        <option value=""selected></option>
                        <option value="Herr">Herr</option>
                        <option value="Frau">Frau</option>
                        </select></p>
 
</fieldset>
</form>
</body>
</html>

Alles anzeigen

Bandit

Man nennt dir als Beispiel eine Zeile und diese korrigierst du nicht?!

thilda

Zitat von reeperbahner11

Umpf, sorry.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
    <title>Willkommen</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta http-equiv="content-type" content="application/xhtml+xml;  charset=utf-8" />
    <link href="design.css" type="text/css" rel="stylesheet" />
    <link href="img/favicon.ico" type="image/x-icon" rel="shortcut icon" />
</head>
<body>
 
<form action="kf_ausgabe.php">
<fieldset>
<legend>Bitte tragen Sie sich hier ein!<br /></legend>
 
         <p><label for="name">Gewünschter Username*:</label>
         <input type="text" name="user" /></p>
 
         <p><label for="passwort">Gewünschtes Passwort*:</label>
         <input type="password" name="pass1" /></p>
         <p><label for="pw_wiederholung">Wiederholung*:</label>
         <input type="password" name="pass2" /></p>
 
 
         <p><label for="email">Email*:</label>
         <input type="text" name="mail" /></p>
         <p><label for="e_wiederholen">Email wiederholen*:</label>
         <input type="text" name="mail2" /></p>
        <br />
        <hr />
 
        <p><label for="anrede">Anrede*:</label>
                        <select size="1" name="anrede">
                        <option value=""selected></option>
                        <option value="Herr">Herr</option>
                        <option value="Frau">Frau</option>
                        </select></p>
 
</fieldset>
</form>
</body>
</html>

Alles anzeigen

Du bist einfach nur eine Schusselliese.

In deinem Select-Befehl sind noch die Anführungsstriche falsch und dein Form-befehl braucht noch ein method="" post oder get...

Ansonsten fehlen für alle Input-befehle die ID's die du mit dem for="" im label anzeigst. Aber das alles sagt dir der Validator.
Und wenn das alles passiert ist, dann meine kleine Schusselliese, dann hast du einen wunderschönen validen Code.
Also schau einfach nochmal fluxx drüber und dann hast du es auch schon. : )

reeperbahner11

Zitat von thilda

Du bist einfach nur eine Schusselliese.

In deinem Select-Befehl sind noch die Anführungsstriche falsch und dein Form-befehl braucht noch ein method="" post oder get...

Ansonsten fehlen für alle Input-befehle die ID's die du mit dem for="" im label anzeigst. Aber das alles sagt dir der Validator.
Und wenn das alles passiert ist, dann meine kleine Schusselliese, dann hast du einen wunderschönen validen Code.
Also schau einfach nochmal fluxx drüber und dann hast du es auch schon. : )

Alles anzeigen

Schäm* So jetzt sagt er nur noch irgedwas von utf8, aber hab ich als metaangabe drin

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
    <title>Willkommen</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta http-equiv="content-type" content="application/xhtml+xml;  charset=utf-8" />
    <link href="design.css" type="text/css" rel="stylesheet" />
    <link href="img/favicon.ico" type="image/x-icon" rel="shortcut icon" />
</head>
<body>
 
<form class="kf" action="kf_ausgabe.php" method="post">
<fieldset>
<legend>Bitte tragen Sie sich hier ein!<br /></legend>
 
         <p><label>Gew&uuml;nschter Username*:</label>
         <input type="text" name="user" /></p>
 
         <p><label>Gew&uuml;nschtes Passwort*:</label>
         <input type="password" name="pass1" /></p>
         <p><label>Wiederholen*:</label>
 <br />
         <input type="password" name="pass2" /></p>
 
         <p><label>Email*:</label>
 <br />
         <input type="text" name="mail" /></p>
         <p><label>Email wiederholen*:</label>
 <br />
         <input type="text" name="mail2" /></p>
 
        <p><label>Anrede*:</label>
                        <select size="1" name="anrede">
                        <option value="selected"></option>
                        <option value="Herr">Herr</option>
                        <option value="Frau">Frau</option>
                        </select></p>
 
</fieldset>
</form>
</body>
</html>

Alles anzeigen

Und die übersetzung ergibt ein wirrwarr das sich nicht entschlüsseln lässt

warnung

Zitat

Using Direct Input mode: UTF-8 character encoding assumed
Unlike the “by URI” and “by File Upload” modes, the “Direct Input” mode of the validator provides validated content in the form of characters pasted or typed in the validator's form field. This will automatically make the data UTF-8, and therefore the validator does not need to determine the character encoding of your document, and will ignore any charset information specified.
If you notice a discrepancy in detected character encoding between the the “Direct Input” mode and other validator modes, this is likely to be the reason. It is neither a bug in the validator, nor in your document.

Übersetzung: OMG:

Das Verwenden Direkter Eingangsweise: UTF-8 Charakter-Verschlüsselung angenommen
Unterschiedlich "durch URI" und "durch die Datei Laden" Weisen, der "Direkte Eingang" Weise des validator stellt gültig gemachten Inhalt in der Form von Charakteren zur Verfügung, die aufgeklebt oder im Form-Feld des validator getippt sind. Das wird die Daten UTF-8 automatisch machen, und deshalb braucht der validator nicht die Charakter-Verschlüsselung Ihres Dokumentes zu bestimmen, und wird jede charset angegebene Information ignorieren.
Wenn Sie eine Diskrepanz in der entdeckten Charakter-Verschlüsselung zwischen der "Direkte Eingang" Weise und die anderen validator Weisen bemerken, wird das wahrscheinlich der Grund sein. Es ist weder ein Programmfehler im validator, noch in Ihrem Dokument.

Diskrepanz...whaaaat

Danke für alle die helfen wollten und geholfen haben. Vielen Dank

edit: bin gerade noch am warnung mit utf8 beheben, aber wenn ich alleine

Zitat

<?xml version="1.0" encoding="utf-8"?>

sagt er nicht korrekt bzw. zeigt gar nichts an, und alleine das

Zitat

<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />

auch nicht, beide zusammen gehen auch nicht, kann man das überhaupt noch beheben oder nich bzw. schlimm?

Afrael

Wenn du im Valdiator Direct Input Mode verwendest, nimmt er automatisch an, dass du UTF-8 verwendest. Du kannst stattdessen durch File Upload validieren. Allerdings hast du immer noch einen Fehler drin. Es müsste nicht:

HTML

<option value="selected"></option>
                        <option value="Herr">Herr</option>
                        <option value="Frau">Frau</option>

heißen, sondern

HTML

<option value="" selected="selected"></option>
                        <option value="Herr" >Herr</option>
                        <option value="Frau">Frau</option>

(wenigstens gehe ich anhand deines vorherigen Quelltextes davon aus.)

reeperbahner11

erledigt danke für alle eure mühsame hilfe

Jetzt kann ich es endlich ausbauen da ich die Grundstruktur endlich geschnallt hab, und mir den code als vorlage sichern, so mach ichs

http://kontakt.xtel4.com/

reeperbahner11

Ey Leute ich komme nochmal zurück, hat mit valide diesmal nichts zu tun :XD

http://kontakt.xtel4.com/

Gebt mal bei Passwort was ein, da kommen statt Punkten jetzt so Fragezeichen in Kästchen drin

edit: 20:29

hab irgendwas gelesen mit header angabe in PHP uft8, das klappt auch nicht

header('content-type: text/html; charset=utf-8');

oder

echo htmlentities($text,ENT_NOQUOTES,'UTF-8');

Bandit

Siehe http://de.selfhtml.org/html/formulare…eichenkodierung

Kontaktformular ist weg, kann da mal jemand schauen?

Tags

Benutzer online in diesem Thema