Jak zdefiniować wartość domyślną dla „wejścia typu = tekst” bez użycia atrybutu „wartość”?

Zofia Góra

Elementy HTML służą do dodawania poszczególnych funkcji do stron internetowych. Na przykład „„

„Element tworzy tabelę,„”Element służy do dodania pola wejściowego i wielu innych. W HTML atrybuty są wykorzystywane do określania dodatkowych informacji do elementów.

Ten post instruuje, jak zdefiniować wartość domyślną dla „” bez użycia atrybutu „wartość".

Przed wskoczeniem do dyskusji najpierw zobaczmy, jak użyć atrybutu „Wartość” określona w elemencie, co jest lepszą opcją zdefiniowania wartości domyślnej dla elementu „The”.

Co to jest atrybut html „wartość”?

W HTML „The”wartość„Atrybut służy do ustawienia wartości domyślnej elementu wejściowego.

Przykład

Poniższy blok kodu pokazuje „„Element mający atrybuty„ typ ”,„ klasa ”i„ wartość ”:

Oto opis wyżej wymienionych atrybutów:

- "typ”Atrybut ustawia typ pola wejściowego, taki jak pole wyboru, radio, tekst lub więcej.
- "klasa" I "ID„Atrybuty są ustawione na dostęp do elementu w CSS lub JavaScript w celu dalszej manipulacji.
- "wartość”Atrybut ustawia wartość domyślną.

Wyjście

Dodajmy style CSS do elementu „”, aby był reprezentowany.

Stylowa klasa „w stylu wejściowym”

„„.w stylu wejściowym”Służy do dostępu do klasy w celu stylizacji, a następujące właściwości są do niej stosowane:

.w stylu wejściowym
Wyściółka: 10px;
Rozmiar czcionki: 20px;
RADIUS BRAVES: 10px;
granica: 1px stały RGB (204 203 203);
Shadow Box: 1px 1px 1px 1px RGB (204 203 203);

Tutaj:

- "wyściółka”Dodaje przestrzeń w granicy elementu.
- "rozmiar czcionki„Definiuje rozmiar czcionki.
- "Radiusz graniczny”Sprawia, że krawędzie elementu okrągłe.
- "granica”Obowiązuje granicę wokół elementu.
- "Shadow Box”Dodaje cień wokół elementu. Określa wartości jego poziomego przesunięcia, przesunięcia pionowego, efektu rozmycia, efektu rozprzestrzeniania się i koloru.

Wyjście

Jak zdefiniować wartość domyślną dla „wejścia typu = tekst” bez użycia „wartości atrybutu”?

W HTML istnieje wiele sposobów ustawienia wartości domyślnej dla „Typ wejściowy = tekst". Niektóre z nich są wymienione poniżej:

- Korzystanie z atrybutu „zastępczego”
- Korzystanie z właściwości JavaScript „Value”
- Za pomocą metody jQuery „val ()”

Metoda 1: Jak zdefiniować wartość domyślną dla „Wejście typu = tekst” przy użyciu atrybutu „Umak” HTML?

Metoda ustawienia wartości domyślnej dla „„Element to„symbol zastępczy" atrybut. Ten atrybut jest ustawiony na wyświetlanie zawartości w elemencie wejściowym:

Wyjście

Jak dotąd wyjaśniliśmy, jak ustawić wartość domyślną elementu „” w HTML. Możesz także określić wartość domyślną za pomocą JavaScript i JQuery. Omówmy te podejścia jeden po drugim.

Metoda 2: Jak ustawić wartość domyślną dla „Input Type = Text” za pomocą właściwości JavaScript „Value”?

Możesz także określić domyślną wartość pola wejściowego za pomocą JavaScript. Aby dołączyć kod JavaScript w HTML, dodaj „„Tagi:

W „„”Tagi, określ„dokument.getElementById ()„Aby pobrać element wejściowy według identyfikatora. Następnie dołącz „wartość”Właściwość i ustaw wartość domyślną na element.

Wyjście

Metoda 3: Jak określić wartość domyślną dla „wprowadzania typu = tekst” za pomocą metody jQuery „val ()”?

Kolejnym wydajnym sposobem zdefiniowania wartości domyślnej dla „Wejście typu = tekst” jest jQuery „val ()" metoda. JQuery to biblioteka JavaScript. Jest wymagane do pobrania JQuery przed użyciem jego metod lub zawiera je za pośrednictwem CDN, takiej jak Google.

Aby go pobrać, odwiedź JQuery.com. Następnie określ odniesienie w „„Sekcja HTML:

Aby włączyć jQuery do CDN, określ następujący kod:

W HTML, w ramach „”Element, dodaj„$ ()”Metoda z identyfikatorem elementu jako parametru i pobrania elementu. Następnie dołącz „.val ()„Metoda z nim, aby określić wartość domyślną:

>$ ('#przykład).val („domyślny”);

Wyjście

Można zauważyć, że domyślna wartość dla pola wejściowego została pomyślnie ustawiona.

Wniosek

W HTML, aby zdefiniować wartość domyślną dla „”,„wartość„Używany jest atrybut. Istnieje jednak kilka alternatywnych sposobów, takich jak użycie „symbol zastępczy”Atrybut, kod JavaScript i metody jQuery. Aby dodać kod JavaScript i jQuery w HTML, określ „”Tagi. „„wartość„Własność w JavaScript i„val ()„Metoda w jQuery jest wykorzystywana do ustawienia wartości domyślnej. Ten post wyjaśnił metody ustawienia wartości domyślnej dla „” bez użycia atrybutu „Wartość”.