Bootstrap | Czytaj tylko wejście i textArea

Bootstrap | Czytaj tylko wejście i textArea

Często, aby zapisać się na dowolną aplikację, musimy podać pewne dane uwierzytelniające aplikację. Podczas tworzenia profilu możesz doświadczyć, że główne poświadczenia, takie jak nazwa, e -mail i hasło, są już wyświetlane. Te poświadczenia są odczytane tylko i nie można ich modyfikować.

Za pomocą bootstrap, „" I "”Można wykonać tylko przy użyciu„tylko czytać" atrybut. Nie można zmodyfikować tylko tekstu do odczytu. Można go jednak podświetlić i podświetlić, aby skopiować treść.

Ten post poprowadzi Cię:

  • Jak sprawić, by odczyt tylko pola wejściowe w bootstrapie?
  • Jak sprawić, by odczytano tylko pole TextArea w bootstrapie?

Jak sprawić, by odczyt tylko pola wejściowe w bootstrapie?

Aby odczytać tylko tekst, „tylko czytać„Atrybut można wykorzystać. Przed kontynuowaniem utworzymy plik HTML do demonstracji.

Warunek: Utwórz HTML i dodaj pola wejściowe

Aby utworzyć plik HTML, postępuj zgodnie z poniższymi instrukcjami:

  • Stwórz "”Element i przypisz go klasa„P-4". Ta klasa dodaje przestrzeń wyściółki po wszystkich stronach elementu.
  • Następnie dodaj „„Element, aby wymienić podpis elementu wejściowego. Jego "Do”Atrybut musi pasować do„ID„Zeta„ ”.
  • Aby dodać pole wejściowe tekstu, umieść „„Tag z atrybutami„ typu ”,„ id ”,„ klasa ”,„ wartość ”i„ czytanie ”.
  • „„typ”Atrybut z wartością„tekst”Określa pole wprowadzania tekstu.
  • „„ID”Definiuje unikalny identyfikator dla elementu.
  • „„klasa„Atrybut jest ustawiony na klasie bootstrap”Kontrola formy". Ta klasa zapewnia pełną szerokość elementów, aby uczynić je reaktywnymi.
  • „„wartość”Definiuje wartość w polu wprowadzania tekstu.
  • „„tylko czytać”Atrybut tworzy tylko tekst. Wskazuje, że nie można go edytować ani modyfikować.

Html






Wyjście

Jak sprawić, by odczytano tylko pola TextArea w bootstrapie?

„„tylko czytać„Atrybut można określić w„„Element, aby to czytać. Ponadto znacznik HTML „” wykonuje wielokierunkową kontrolę tekstu.

Aby uzyskać lepsze zrozumienie, sprawdź dany kod i odpowiednie wyjście:




Wyjście

Chodziło o to, aby czytelnie „” i „” w bootstrapie.

Wniosek

„„tylko czytać„Atrybut jest wykorzystywany do tworzenia”" I "”Elementy tylko czytane. Aby odczytał tylko pole wejściowe, ten atrybut jest umieszczony wewnątrz znacznika startowego elementu „”. Jednak, aby odczytać tylko wieloletnią kontrolę wprowadzania tekstu, atrybut „ReadOnly” zostanie umieszczony w znaczniku początkowym elementu „”. Ten post kierował się z procedurą w celu odczytania obszaru wejściowego i tekstowego.