Formalarda HTML düymələrini etmək

Formaları Göndərmək üçün Giriş Etiketi istifadə edin

HTML forması, web sitenize etkileşim eklemek üçün en temel yollardan biridir. Sorularınıza cavab verə və oxuculardan cavabı verə, verilənlər bazasından əlavə məlumat verə, oyun qurmağı və daha çox məlumat verə bilərsiniz. Formlarınızı qurmaq üçün istifadə edə biləcək bir sıra HTML elementləri var. Formunuzu qurduqdan sonra, bu məlumatları serverə təqdim etmək və ya yalnız forma hərəkətini başlamağın bir çox yolu var.

Bunlar formalarınızı təqdim edə biləcəyiniz bir neçə yol:

INPUT Element

INPUT elementi bir forma təqdim etmək üçün ən geniş yayılmış yoludur, bütün etdiyiniz bir növü (düyməsini, görünüşünü və ya təqdimatını) seçir və zəruri hallarda forma təqdim etmək üçün bəzi scripting əlavə edin.

element belə yazıla bilər. Ancaq bunu etsəniz, müxtəlif brauzerlərdə fərqli nəticələr əldə edəcəksiniz. Çox brauzerlər "Göndər" deyən bir düyməni düzəldir, lakin Firefox "Sorgu Göndər" deyən bir düyməni edir. Düymənin nə olduğunu dəyişdirmək üçün bir atribut əlavə etməlisiniz:

value = "Formu Göndər"

Element belə yazılır, ancaq bütün digər xüsusiyyətləri tərk edərsəniz, brauzerlərdə görünəcək hər şey boş boz düyməsidir. Düyməsinə mətn əlavə etmək üçün dəyər öznitəsini istifadə edin. JavaScript-ni istifadə etməyincə, bu düyməni formanı təqdim etməyəcəksiniz.

onclick = "submit ();">

Bu forma təqdim etmək üçün bir skriptə ehtiyac duyan düyməyə bənzərdir. Bir mətn dəyərinin yerinə bir görüntü mənbəyi URL əlavə etməlisiniz.

src = "submit.gif">

BUTTON Element

BUTTON elementi həm açma kağızı, həm də bir bağlanma etiketi tələb edir. Onu istifadə edərkən, etiketin içərisinə daxil etdiyiniz hər hansı bir məzmun bir düyməyə əlavə olunacaq. Sonra bir skript ilə düyməni aktivləşdirin.

Forma baxın

Düymənizdə şəkilləri əlavə edə bilərsiniz və ya daha maraqlı bir düyməni yaratmaq üçün şəkillər və mətni birləşdirə bilərsiniz.

Forma baxın

KOMMUN elementi

COMMAND elementi HTML5 ilə yeni. Bir formanın istifadə edilməsini tələb etmir, ancaq forma forması təqdim edə bilər. Bu element, formalara ehtiyac olmadıqda, daha interaktiv səhifələr yaratmaq imkanı verir. Komandanın bir şey söyləməsini istəyirsəniz, məlumatı bir etiket xüsusiyyətində yazırsınız.

label = "Formu Göndər"

Komutunuzun bir resimle temsil edilmesini istəyirsinizsə, simge özniteliğini istifadə edirsiniz.

icon = "submit.gif">

Bu məqalə HTML Formaları Təlimatının bir hissəsidir . HTML formalarını necə istifadə edəcəyini öyrənmək üçün tam təlimçidən oxuyun.

HTML formalarının bir əvvəlki səhifədən öyrəndiyiniz kimi təqdim etmənin bir neçə yolu var. Bu üsullardan ikisi INPUT etiketi və BUTON etiketidir. Hər iki elementdən də istifadə etmək üçün yaxşı səbəblər var.

INPUT Element

Etiket bir forma təqdim etmək üçün ən asan yoludur. Etikanın kənarında, hətta bir dəyərdən başqa heç bir şey tələb etmir. Müştərinin düyməni tıkladığı zaman avtomatik olaraq təqdim edilir. Hər hansı bir skript əlavə etmək lazım deyil, brauzerlər bir INPUT təqdim etiketi tıklandığında formu təqdim etməyi bilirlər.

Problem bu düymənin çox çirkin və düz olmasıdır. Buna şəkillər əlavə edə bilməzsiniz. Hər hansı digər element kimi onu tərtib edə bilərsiniz, lakin hələ də çirkin bir düyməyə bənzəyir.

Şəkliniz JavaScript söndürülən brauzerlərdə belə uyğunlaşa bilməsi üçün INPUT üsulunu istifadə edin.

BUTTON Element

BUTTON elementi, forma təqdim etmək üçün daha çox seçim təklif edir. BUTTON elementi içərisində bir şey qoymaq və onu təqdim etmə düyməsinə çevirə bilərsiniz. Ən çox insanlar şəkillər və mətnlərdən istifadə edirlər. Amma bir DIV yaratmaq və istəsəniz, bütün şeyin bir təqdimat düyməsini edə bilərik.

BUTTON elementinə ən böyük çatışmazlıq bu formu avtomatik olaraq təqdim etməməsidir. Yəni, onu aktivləşdirmək üçün bir sıra script növü olmalıdır. Və bu INPUT metodundan daha az əlçatandır. JavaScript'i açmayan hər hansı bir istifadəçi, göndərmək üçün yalnız bir BUTTON elementi ilə forma göndərə bilməyəcək.

BUTTON metodunu kritik olmayan formalarda istifadə edin. Ayrıca, bu, bir formada əlavə təqdim variantlarını əlavə etmək üçün yaxşı bir yoldur.

Bu məqalə HTML Formaları Təlimatının bir hissəsidir. HTML formalarını necə istifadə etmək haqqında ətraflı məlumat üçün oxuyun