Bootstrap | Lesen Sie nur Eingabe und Textbereich

Oft müssen wir uns für jede Bewerbung anmelden. Bei der Erstellung des Profils können Sie feststellen, dass die wichtigsten Anmeldeinformationen wie Name, E -Mail und Passwort bereits angezeigt werden. Diese Anmeldeinformationen sind nur gelesen und können nicht geändert werden.

Verwenden von Bootstrap, die “" Und ""Kann gelesen werden, nur durch Verwendung der"schreibgeschützt”Attribut. Der nur Lese -Eingabetxt kann nicht geändert werden. Es kann jedoch tabben und hervorgehoben werden, um den Inhalt zu kopieren.

Dieser Beitrag wird Sie führen:

• So erstellen Sie nur LES -Eingabefelder in Bootstrap?
• So erstellen Sie in Bootstrap nur das Feld LESE LESE -Textbereich in Bootstrap?

So erstellen Sie nur LES -Eingabefelder in Bootstrap?

Um einen Text nur lesen zu lassen, die “schreibgeschützt”Attribut kann verwendet werden. Bevor wir weiter fortfahren, werden wir eine HTML -Datei für die Demonstration erstellen.

Voraussetzung: Erstellen Sie eine HTML und fügen Sie Eingangsfelder hinzu

Um eine HTML -Datei zu erstellen, befolgen Sie die folgenden Anweisungen:

• Ein ... kreieren ""Element und zuweisen Sie ihm eine Klasse"P-4”. Diese Klasse fügt auf allen Seiten des Elements den Polsterplatz hinzu.
• Dann fügen Sie das hinzu “Element, um die Bildunterschrift des Eingabeelements zu erwähnen. Es ist "für”Attribut muss mit der“ übereinstimmenAusweis"Des" "Tags.
• Um ein Texteingangsfeld hinzuzufügen, platzieren Sie die “"Tag mit" Typ "," ID "," Klasse "," Wert "und" Readonly "-attribute.
• Der "Typ”Attribut mit dem Wert“Text”Gibt das Feld des Texteingangs an.
• Der "Ausweis”Definiert eine eindeutige ID für das Element.
• Der "Klasse"Attribut wird mit der Bootstrap -Klasse festgelegt"Formkontrolle”. Diese Klasse bietet den Elementen eine vollständige Breite, damit sie reagieren.
• Der "Wert”Definiert den Wert im Texteingangsfeld.
• Der "schreibgeschütztDas Attribut erstellt den Text nur schreibgeschützt. Es zeigt an, dass es nicht bearbeitet oder geändert werden kann.

Html

Gib deinen Namen ein

Geben sie ihre E-Mail Adresse ein

Ausgang

So erstellen Sie lesende Textbereiche Felder in Bootstrap?

Der "schreibgeschütztDas Attribut kann in der “angegeben werdenElement, um es readonly zu machen. Darüber hinaus stellt das HTML-Tag eine Multi-Line-Texteingabedeuerung durch.

Für ein besseres Verständnis finden Sie den angegebenen Code und die entsprechende Ausgabe:

Notiz hinzufügen
Bildung ist der Schlüssel zum Erfolg.

Ausgang

Hier ging es darum.

Abschluss

Der "schreibgeschützt"Attribut wird verwendet, um zu machen"" Und "”Elemente nur lesen. Um das Eingabefeld nur lesen. Um jedoch nur das Multi-Line-Texteingangsregel zu lesen, wird das Attribut „Readonly“ innerhalb des Start-Tags des "" "Element. Dieser Beitrag hat sich mit der Prozedur bezogen, um die Eingabe- und Textbereich.