HTML służy do tworzenia struktury strony internetowej, a języki scenariusze, takie jak JavaScript, są wykorzystywane do uczynienia strony internetowej bardziej interaktywnej i dynamicznej. Ponadto HTML oferuje różne atrybuty swoim elementom, które pomagają kodować JavaScript. Na przykład potrzebujemy formularzy w prawie każdej aplikacji, aby wprowadzić informacje. Aby przesłać dane z formularza do serwera, konieczne jest posiadanie przycisku, który pobiera wpisane informacje i wysłać je do JavaScript w celu dalszego przetwarzania.

Ten przewodnik nauczy o HTML ”„Posiadanie wartości atrybutu„składać". Więc zanurzmy się!

Jak dodać atrybut html przycisk = „prześlij”?

W HTML najpierw dodaj nazwę klasy „Myform". Następnie wykonaj następujące kroki:

• Wewnątrz div, dodaj

  tag do nagłówka.

• Następnie dodaj dwa pola tekstowe dla nazwisk i nazw z etykietami. „„Do”Atrybut„etykieta”Tag i„ID”Atrybut„wejście„Tag musi być taki sam. Spowoduje to powiązanie podpisu z kontrolą wejściową.
• Dodaj przycisk z „typ„Wartość ustalona jako„składać”,„wartość" Jak "składać", I "ID" Jak "składać".
• Następnie skojarz „addData ()”Funkcja z przyciskiem przesyłania, który uruchomi się po kliknięciu przycisku. Ten formularz przyjmie dane od użytkownika i wyświetli je na tej samej stronie.
• Wreszcie określ

  Tagi, w których przesłane dane muszą być wyświetlane. Te

  Tagi przypisały identyfikatory jako „displayfname" I "displaylName„To zostanie wykorzystane w pliku JavaScript, aby uzyskać do nich dostęp i wykonać dalszą operację.

Html

Atrybut typu przycisku „prześlij”

Imię:



Nazwisko:



Składać

Zgłosiłeś imię:> __________.

Zgłosiłeś nazwisko:> ___________.

Zastosujmy kilka stylów CSS do wyżej wymienionych div. Tutaj ".Myform”Odnosi się do nazwy DIV wspomnianej w pliku HTML:

• Przypisz „kolor tła„Wartość nieruchomości jako„#81B29a".
• "tekst-align" Jak "Centrum”Wyrównuje treść Div w centrum.
• „„wysokość„Wartość właściwości jest ustalana jako„300px".
• "rozmiar czcionki”Jest ustawiony jako„duży".

CSS

.myform
kolor tła: #81b29a;
Text-Align: Center;
Wysokość: 300px;
Rozmiar czcionki: duży;

Notatka: Nie dodaliśmy kodu JavaScript. W rezultacie przycisk Przesyłania nie odpowie:

Teraz przejdźmy do kodu funkcji JavaScript, która zostanie uruchomiona na przycisku. Aby to zrobić, po pierwsze, utwórz nowy plik o rozszerzeniu jako „.JS". Następnie zdefiniuj funkcję o nazwie „addData ()". Ta funkcja najpierw przyniesie wartość obu pól wejściowych, uzyskując dostęp do nich za pomocą ich identyfikatorów w dokumencie.metoda getelementById (). Następnie wyświetl pobieraną wartość jako wewnętrzny tekst dodanych etykiet.

JavaScript

funkcja adddata ()
var fname = dokument.getElementById („fname”).wartość;
var lname = dokument.getElementById („lname”).wartość;
dokument.getElementById („displayfname”).innerText = fname;
dokument.getElementById („displaylName”).innerText = lname;

Można zauważyć, że po wejściu na imię i nazwisko, gdy „Składać”Przycisk jest klikany, nazwy są wyświetlane w etykietach:

Nauczyliśmy się, jak funkcjonuje przycisk Przesyłania HTML z praktyczną demonstracją.

Wniosek

W HTML istnieją setki elementów, takich jak akapity, pola wejściowe, przyciski i inne. Mówiąc dokładniej, element przycisku HTML z wartością atrybutu „składać”Jest wykorzystywany do przesłania wartości danych do obsługi formularza lub do przetwarzania wartości wejściowych. W tym przewodniku wykorzystaliśmy przycisk Przesyłania, aby wywołać funkcję JavaScript z praktycznymi przykładami.