Einzeilige Textfelder ohne Rahmen

09.08.2014, 11:50

Hallo,
hab in meinem Formular einzeilige Textfelder. Hab beim Befehl Border = 0 gesetzt, trotzdem wird in der Druckvorschau bzw. im Browser immer ein Rahmen angezeigt. Wo liegt mein Fehler?

HTML-Code:

<form action="JOCHEN/input_text.htm">
<table width="500" border="0">
  <tr>
    <td>Vorname:
      <input name="vorname" type="text" size="30" maxlength="30">
    <th><p><br>
      </p></th>
      </td>

Kann mir bitte Jemand helfen?

Wie kann ich für meine HTML Seite Schriftfarbe und Schriftart ändern?
Das geht über Stylesheets oder?

09.08.2014, 17:14

Zitat von Carmen D

hab in meinem Formular einzeilige Textfelder. Hab beim Befehl Border = 0 gesetzt, trotzdem wird in der Druckvorschau bzw. im Browser immer ein Rahmen angezeigt.

Der Rahmen wird aktiv, wenn das entsprechende Eingabefeld ausgewählt wird. Du musst ihn also auch verstecken, wenn dies passiert. Das kannst du mit diesem Code machen:

Code:

input, input:focus {border: none; outline: none;}

Zitat von Carmen D

Wie kann ich für meine HTML Seite Schriftfarbe und Schriftart ändern?
Das geht über Stylesheets oder?

Ja, das geht mit CSS. Der kleine Codeschnipsel, der den Rand der Eingabefelder ausblendet ist solch eine CSS-Anweisung.

09.08.2014, 17:37

danke Dir vielmals...
Aber wo in meinem Befehl muss ich das einfügen?
Wie sieht er dann aus?

09.08.2014, 18:02

hat sich erledigt...habs rausgekriegt...

Danke vielmals!!

09.08.2014, 18:16

so nun hab ich den Befehl so eingefügt:

HTML-Code:

<td><p>Name:<br><inp; input name="name" type="text" size="60" maxlength="30";input:focus {border: none; outline: none;></p></td>

Man sieht zwar den Rahmen nicht mehr...das ist schon mal gut. Aber das Textfeld ist auch nicht mehr beschreibbar...ich kann gar nix eingeben.
So bringt es mir nix...

Muss ich den Befehl an andrer Stelle einfügen?

09.08.2014, 22:33

Du musst die CSS-Anweisungen in einem eigenen HTML-Element im head-Element einfügen, wie du es auch schon früher gemacht hast:
https://www.eforum.de/formularprogram...tml#post175346
Es muss (ungefähr) so aussehen:

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
    <head>
        <title>Titel</title>
<style type="text/css">
input, input:focus {border: none; outline: none;}
</style>
    </head>
    <body>
        <form action="">
<p>Name: <input name="name" type="text" />
</p>
</form>
    </body>
</html>

10.08.2014, 12:10

sorry für meine vielen Fragen...
Aber jetzt hab ich wieder das gleiche Problem...die Rahmen sind weg, aber ich kann nix mehr in das Textfeld eintragen. Weiss auch nicht wo mein Fehler liegt...mein Banner wird auch nicht mehr angezeigt..

So hab ich es gemacht...

HTML-Code:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Anamnesebogen</title>
<style type="text/css">
body,td,th {
font-family: "Century Gothic";
font-size: large;
color: #2A0000;
}
h1 {
font-size: xx-large;
color: #8BC6C9;
}
h2 {
font-size: x-large;
color: #2A0000;
}
</style>
</head>
<body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<style type="text/css"> input, input:focus {border: none; outline: none;} </style>
</head>
<body>
<form action="">
<p>Name: <input name="name" type="text" />
</p>
</form>
</body>
</html>
<img src="JOCHEN/AestheticPartner_logo.jpg" width="1072" height="255"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<body>
</body>
</html>

10.08.2014, 12:11

nein es geht :
Danke!!!!D

Hab falsch geklickt....

1.00000000 Dank!!!!

10.08.2014, 15:38

Dein Quellcode oben ist kein gültiger XHTML-Code. Ich habe ihn mal korrigiert, sodass er die Anforderungen an XHTML erfüllt.

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Anamnesebogen</title>
<style type="text/css">
body,td,th {
font-family: "Century Gothic";
font-size: large;
color: #2A0000;
}
h1 {
font-size: xx-large;
color: #8BC6C9;
}
h2 {
font-size: x-large;
color: #2A0000;
}
input, input:focus {border: none; outline: none;}
</style>
</head>
<body>
<form action="">
<p>Name: <input name="name" type="text" />
</p>
</form>
<p>
<img src="JOCHEN/AestheticPartner_logo.jpg" width="1072" height="255" alt="Logo von Aesthetic Partner" />
</p>
</body>
</html>

Die Doctype-Deklaration, das html-, head- und body-Element dürfen nur einmal vorkommen. Hier mal ein Validator, der überprüft, ob dein XHTML-Dokument gültig ist:
The W3C Markup Validation Service

Zitat von Carmen D

Hab falsch geklickt....

Deswegen haben Eingabefelder einen Rahmen. Damit man sie sehen kann und weiß, wohin man klicke muss. Du solltest sie wenigstens auf dem Bildschirm anzeigen. Beim Ausdruck kannst du sie ja verstecken, wenn sie stören.

Einzeilige Textfelder ohne Rahmen

Einzeilige Textfelder ohne Rahmen

Ähnliche Themen

Umfrage im Rahmen meiner Master Thesis

Umfrage im Rahmen meiner Diplomarbeit - bitte helfen!

Hyperlink auf Fotos produziert Rahmen - wieso?

Mein neuer Lüfter passt nicht in den alten Rahmen ,was nun?

Ständiger Reboot, ohne BS, ohne Herunterfahren!