Nume Tutorial: Atributele si tipurile tagului input
Descriere: Atributele si tipurile tagului input
Download:
Autor: Anonim
Sursa (Link-ul oficial):
Propria parere: Folositor.
Tutorialul:
Tag-ul <input> reprezintă un câmp unde utilizatorul poate adăuga date. Acest tag nu are echivalent de închidere, finalul acestuia se stabileşte cu semnul ">".
Exemplu :
<input name="exemplu">
IN XHTML acest tag trebuie inchis cu "</input>".
I. Tag-ul input este de mai multe tipuri.
1.Text
Defineşte un câmp/linie unde utilizatorul poate adăuga un text oarecare.
Exemplu: <input type="text">
2.Password
Defineşte un câmp unde va fi adaugata o parola/text confidenţial.
Exemplu: <input type="password">
3.Checkbox
Defineşte o căsuţă de selectare. Utilizatorul poate alege una, mai multe sau nici o variantă.
Exemplu:
<input type="checkbox" name="masina" value="Mazda"> Mazda
<input type="checkbox" name="masina" value="Audi"> Audi
Audi
Mazda
4.Radio
Defineşte butonul Radio. Dacă sunt mai multe butoane radio şi au specificat acelaşi nume (name="ceva") se numesc grup de butoane radio iar utilizatorul poate alege o singură variantă dintre ele. Dacă sunt mai multe butoane radio dar cu nume diferit, atunci utilizatorul poate alege sa le bifeze pe toate sau pe niciunul.
Exemplu:
<input type="radio" name="varsta" value="18+"> 18+
<input type="radio" name="varsta" value="-18"> -18
Rezultat:
18+
-18
5.Submit
Un buton de trimitere este folosit pentru a trimite datele din formular către un anume server care le stochează şi se ocupă mai departe de aceste date.
Exemplu:
<input type="submit" value="trimite" name="trimite">
Rezultat:
Butoanele mai pot fi şi de reset, caz în care, toate valorile introduse de vizitator se resetează. Butonul mai poate fi şi de tip imagine, caz în care trebuie specificată o imagine sursa.
Exemplu de buton tip imagine:
<input type="image" name="trimite" src="calea/catre/poza">
Aici sunt toate tipurile tag-ului input (inclusiv cele pentru html5):
button
checkbox
color
date
datetime
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week
II.Tag-ul input are mai multe atribute.
1.Placeholder
Atributul placeholder arată într-un câmp un text scurt, indiciu despre ceea ce trebuie scris în el, dar nu neapărat. Acest text va dispărea odată ce începeţi să adăugaţi text acelui câmp.
Exemplu:
<input type="text" placeholder="un text oarecare">
Rezultat:
2.Size
Atributul size are rolul de a seta lungimea vizuală a unui câmp. Numărul atribuit acestui atribut reprezintă numărul de caractere care se pot vedea în câmp simultan. Exemplu:
<input type="text" size="30">
Rezultat:
3.Maxlength
Atributul maxlength are rolul de a seta maximul de caractere care pot fi scrise într-un câmp. Este diferit de atributul size deoarece acest atribut are rolul de a seta maximul de caractere permise, pe când size setează lăţimea câmpului.
Exemplu:
<input type="text" maxlegth="7">
Rezultat:
Din câte puteţi vedea nu se pot adăuga mai mult de 7 caractere, maximul setat în cod.
4.Required
Dacă tag-ul input va avea acest atribut, atunci utilizatorul va fi nevoit să completeze câmpul înainte de al trimite (devine câmp obligatoriu de completat).
5.Accept
În cazul unui formular de trimitere fişiere acest atribut permite doar încărcarea fişierelor specificate în acest atribut pe server. În cazul browserelor care nu suportă HTML5, acest atribut este ignorat. În acest caz va trebui să se facă o verificare a tipului fişierului încărcat pe parte de server. Formatul trebuie să fie în varianta standard mime_type (unele browsere detectează diferit mime type-ul la anumite fişiere, de obicei IE e mai diferit faţă de restul).
6.Align
-Top -Bottom
-Left -Right
Atributul align nu este încă suportat de către toate browserele HTML5, specifică alinierea unei imagini. Se poate folosi doar pentru tipul image (<input type="image">).
7.Alt
Se foloseste ca valoare alternativă pentru tagul tip imagine (buton imagine).
Atributul alt furnizează un text alternativ pentru utilizator, în cazul în care, pentru un motiv oarecare, browserul nu poate reda imaginea specificată (din cauza conexiunii lente, o eroare în atributul src, sau în cazul în care utilizatorul folosește un browser text bazed).
8.Autocomplete
Atributul autocomplete specifică dacă un câmp de intrare va putea fi auto-completat.
Autocomplete permite browser-ul să sugereze o valoare. Atunci când un utilizator începe să scrie într-un câmp, browser-ul ar trebui să afișeze opțiuni pentru acel câmp, bazate pe valori scrise de utilizator anterior. Valorile care le poate lua sunt "on" sau "off".
9.Form
Specifică al cărui form aparţine câmpul respectiv (în cazul în care sunt mai multe formulare pe pagină şi acel camp este în afara formularului).
10.Formaction
Specifică URL-ul fișierului, care va procesa controlul de intrare atunci când se depune formularul (de tip = "submit" și de tip = "image")
Mai sunt şi alte tipuri şi atribute ale tag-ului input dar acestea sunt unele din cele mai folosite de către programatori. Unele atribute şi tipuri nu sunt compatibile cu HTML4 deoarece au fost adăugate odată cu HTML5 şi invers, sunt unele atribute care au fost scoase odata cu apariţia HTML5.
- See more at: http://www.tutorialeonline.net/ro/artic ... H1TF2.dpuf
- [EuropaCs] Zona Administrativa
- - Regulament
- - Anunturi
- - Esti nou? Prezinta-te!
- - Cerere DNS
- - Cerere Parteneriat
- - Propuneri forum
- - Recomandari
- - Evenimente
- - - Big Events
- - - Proiecte
- - - Concursuri
- - - Evenimente Externe
- - Zona Staff
- - - Reclamatii
- - - Absente/Retrageri Staff
- - - Adunare Staff
- - - Adunarea Designerilor
- - - Adunarea Detinatorilor
- - - Adunarea Managerilor
- - - Adunarea Moderatorilor
- - - Adunarea Mod. G.
- - - Adunarea Conducerii
- - - ePoints
- - - ePremium
- - - Productii
- - - Pareri Staff
- - Zona Cererilor
- - - Cerere Admin Server
- - - Cerere Moderator
- - - Cerere Manager Resurse
- - - Cerere Designer
- - - Cerere Moderator Global
- - - Cerere Schimbare Nume
- - - Cerere Adaugare Warn
- - - Cerere Scoatere Warn
- - - Cerere Adaugare Ban
- [EuropaCs] Tutoriale, Resurse, Suport
- - Tutorial si Resurse Counter Strike 1.6
- - - Tutoriale Counter Strike 1.6
- - - Tutoriale Mapping
- - - Resurse Counter Strike 1.6
- - - - Config-uri
- - - - Addons-uri
- - - - Pluginuri
- - - - Moduri
- - - - Kit-uri Cs
- - - - Servere gata facute
- - - - Harti
- - - - Server Creator
- - - - Skin-uri
- - - - Script-uri
- - - - Sunete
- - - - Programe Folositoare
- - - - Tatuaje
- - - - Anticheat
- - Tutoriale si Resurse Counter-Strike:Global Offensive
- - - Tutoriale Counter-Strike:Global Offenisve
- - - Resurse Counter-Strike:Global Offensive
- - - - Pluginuri
- - - - Harti
- - - - Script-uri
- - - - Programe Folositoare
- - - - Mod-uri
- - - - Addons-uri
- - - Arhiva Resurse
- - Suport Counter-Strike
- - - Cerere Addons-uri
- - - Cerere Pluginuri
- - - Cerere Config-uri (CFG)
- - - Cerere Motd-uri
- - - Cerere Tutoriale
- - - Probleme Servere
- - - Problema Pluginuri
- - - Problema Client (Joc)
- - - Diverse Probleme
- - Tutoriale si Resurse WEB
- - - Design si WebSite Review
- - - Index-uri ( Intro)
- - - Script-uri
- - - Script-uri Gratis
- - - Teme phpBB3
- - - Resurse Web
- - - Tutoriale HTML
- - - Tutoriale PHP
- - - Tutoriale JS
- - - Tutoriale CSS
- - - Tutoriale C / C++ / C#
- - Asistenta Counter-Strike | EuropaCs
- - - Anunturi
- - - Addons-uri Configurate de EuropaCs
- - - Pachete de Harti (Mape)
- - - Tutoriale Forum Originale
- - - Tutoriale Counter Strike Originale
- - - Pluginuri Recomandate
- [EuropaCs] Design 2D & 3D
- - Tutoriale si Resurse
- - - Tutoriale 2D & 3D
- - - Resurse
- - Creatii 2D & 3D
- - Cereri 2D & 3D
- - Provocari
- - Competitii
- - - Competitii EuropaCs
- - Cadouri
- - Diverse
- [EuropaCs] Cafenea
- - Jocuri
- - - Reviews Jocuri
- - - Giveaways
- - - Probleme si Intrebari
- - - Discutii
- - Zona IT
- - - Tutoriale IT
- - - Hardware
- - - Software
- - - Comunicatii
- - - - Android
- - - - SymByan
- - - - IOS
- - - Stiri IT
- - - Calculatorul Meu
- - Social
- - - Cultura generala
- - - Descoperiri
- - - Educatie
- - - Sport
- - - - Fotbal
- - - Auto/Moto
- - - Filme & Seriale
- - - - Filme
- - - - Seriale
- - Bazar
- - - Vanzari
- - - Cumparari
- - Probleme si Intrebari
- - Discutii
- - War2.EuropaCs.Ro
- - - Regulament
- - - Anunturi
- - - Administrare Server
- - - Conducerea Server-ului
- - - Cerere Admin/Slot/VIP
- - - Inscrieri
- - - Reclamatii
- - - Lista de Ban-uri
- - - Cerere Ban
- - - Cerere Unban
- - - Lista de Demo si Poze
- - - Discutii
- - - Revizualizare
- - - Status
- - ZmX.EuropaCs.Ro
- - - Regulament
- - - Anunturi
- - - Administrare Server
- - - Conducerea Server-ului
- - - Cerere Admin/Slot/VIP
- - - Obligatii Admini/Slot/VIP
- - - Cerere Marire Grad
- - - Cerere Schimbare Nume Admin
- - - Evenimente
- - - Promovari & Sanctionari
- - - Reclamatii
- - - Lista de Ban-uri
- - - Cerere Ban
- - - Cerere Unban
- - - Absente & Retrageri
- - - Propuneri & Sugestii
- - - Raportare Problema
- - - Discutii
- - - Arhiva Server-ului
- - - Statistici GameTracker.Com
- - - Evidenta + Redirecte CsServers
- - - Evidenta + Redirecte xHlds
- - - Status
- - Zm2.EuropaCs.Ro
- - - Regulament
- - - Anunturi
- - - Administrare Server
- - - Conducerea Server-ului
- - - Cerere Admin/Slot/VIP
- - - Obligatii Admini/Slot/VIP
- - - Cerere Marire Grad
- - - Cerere Schimbare Nume Admin
- - - Evenimente
- - - Promovari & Sanctionari
- - - Reclamatii
- - - Lista de Ban-uri
- - - Cerere Ban
- - - Cerere Unban
- - - Absente & Retrageri
- - - Propuneri & Sugestii
- - - Raportare Problema
- - - Discutii
- - - Arhiva Server-ului
- - - Statistici GameTracker.Com
- - - Evidenta + Redirecte CsServers
- - - Evidenta + Redirecte xHlds
- - - Status
- - [EuropaCs] Competitii si Turnee
- - - League of Legends
- - - - Anunturi
- - - - Provocari
- - - - Recrutare
- - - - Free to Win #11
- - - - Discutii
- - - Counter-Strike:Global Offensive
- - - - Anunturi
- - - - Provocari
- - - - Recrutare
- - - - Competitii CS:GO
- - - - Discutii
- - Pro.EuropaCs.Ro
- - - Regulament
- - - Anunturi
- - - Administrare Server
- - - Conducerea Server-ului
- - - Cerere Admin/Slot/VIP
- - - Obligatii Admini/Slot/VIP
- - - Cerere Marire Grad
- - - Cerere Schimbare Nume Admin
- - - Evenimente
- - - Promovari & Sanctionari
- - - Reclamatii
- - - Lista de Ban-uri
- - - Cerere Ban
- - - Cerere Unban
- - - Absente & Retrageri
- - - Propuneri & Sugestii
- - - Raportare Problema
- - - Discutii
- - - Arhiva Server-ului
- - - Statistici GameTracker.Com
- - - Evidenta + Redirecte CsServers
- - - Evidenta + Redirecte xHlds
- - - Status
- - Arena.EuropaCs.Ro
- - - Regulament
- - - Anunturi
- - - Administrare Server
- - - Conducerea Server-ului
- - - Cerere Admin/Slot/VIP
- - - Cerere Marire Grad
- - - Evenimente
- - - Promovari & Sanctionari
- - - Reclamatii
- - - Lista de Ban-uri
- - - Cerere Ban
- - - Cerere Unban
- - - Absente & Retrageri
- - - Propuneri & Sugestii
- - - Raportare Problema
- - - Discutii
- - - Arhiva Server-ului
- - - Statistici GameTracker.Com
- - - Status
- - ZmC.EuropaCs.Ro
- - - Regulament
- - - Anunturi
- - - Administrare Server
- - - Conducerea Server-ului
- - - Cerere Admin/Slot/VIP
- - - Obligatii Admini/Slot/VIP
- - - Cerere Marire Grad
- - - Cerere Schimbare Nume Admin
- - - Evenimente
- - - Promovari & Sanctionari
- - - Reclamatii
- - - Lista de Ban-uri
- - - Cerere Ban
- - - Cerere Unban
- - - Absente & Retrageri
- - - Propuneri & Sugestii
- - - Raportare Problema
- - - Discutii
- - - Arhiva Server-ului
- - - Statistici GameTracker.Com
- - - Evidenta + Redirecte CsServers
- - - Evidenta + Redirecte xHlds
- - - Status
- - Mix.EuropaCs.Ro
- - - Regulament
- - - Anunturi
- - - Staff Server
- - - Cereri Admin
- - - Cereri Unban
- - - Reclamatii
- - - Status
- - [EuropaCs] Legaturi
- - - Inregistreaza-te
- - - Grup Steam
- - - Clan GameTracker.Com
- - - Afilieri servere
- - Nume.EuropaCs.Ro
- - - Regulament
- - - Anunturi
- - - Administrare Server
- - - Conducerea serverului
- - - Cereri Admin/Slot/VIP
- - - Obligatii Admin/Slot/VIP
- - - Cereri Marire Grad
- - - Cereri Schimbare Nume Admin
- - - Evenimente
- - - Promovari & Sanctionari
- - - Reclamatii
- - - Lista Ban-uri
- - - Cereri Ban
- - - Cereri Unban
- - - Absente & Retrageri
- - - Propuneri & Sugestii
- - - Raportare probleme
- - - Discutii
- - - Arhiva serverului
- - - Statistici GameTracker.Com
- - - Evidenta + Redirecte CsServers
- - - Status
- - Nume2.EuropaCs.Ro
- - - Regulament
- - - Anunturi
- - - Administrare Server
- - - Conducerea serverului
- - - Cereri Admin/Slot/VIP
- - - Obligatii Admin/Slot/VIP
- - - Cereri Marire Grad
- - - Cereri Schimbare Nume Admin
- - - Evenimente
- - - Promovari & Sanctionari
- - - Reclamatii
- - - Lista Ban-uri
- - - Cereri Ban
- - - Cereri Unban
- - - Absente & Retrageri
- - - Propuneri & Sugestii
- - - Raportare probleme
- - - Discutii
- - - Arhiva serverului
- - - Statistici GameTracker.Com
- - - Evidenta + Redirecte CsServers
- - - Status
- - FuNNy.EuropaCs.Ro
- - - Regulament
- - - Anunturi
- - - Administrare Server
- - - Conducerea serverului
- - - Cerere Admin/Slot
- - - Obligatii Admini/Slot/VIP
- - - Cerere Marire Grad
- - - Cerere Schimbare Nume Admin
- - - Evenimente
- - - Promovari & Sanctionari
- - - Reclamatii
- - - Lista Ban-uri
- - - Cerere Ban
- - - Cerere Unban
- - - Absente & Retrageri
- - - Propuneri & Sugestii
- - - Raportare Problema
- - - Discutii
- - - Statistici GameTracker.Com
- - - Evidenta + Redirecte CsServers
- - - Evidenta + Redirecte xHlds
- - - Status
- - Furien.EuropaCs.Ro
- - - Regulament
- - - Anunturi
- - - Administrare Server
- - - Conducerea Server-ului
- - - Cerere Admin/Slot
- - - Obligatii Admini/Slot/VIP
- - - Cerere Marire Grad
- - - Cerere Schimbare Nume Admin
- - - Evenimente
- - - Promovari & Sanctionari
- - - Reclamatii
- - - Lista de Ban-uri
- - - Cerere Ban
- - - Cerere Unban
- - - Absente & Retrageri
- - - Propuneri & Sugestii
- - - Raportare Problema
- - - Discutii
- - - Arhiva serverului
- - - Statistici GameTracker.Com
- - - Evidenta + Redirecte CsServers
- - - Evidenta + Redirecte xHlds
- - - Status
- - Fury.EuropaCs.Ro
- - - Regulament
- - - Anunturi
- - - Administrare Server
- - - Conducerea Server-ului
- - - Cerere Admin/Slot/VIP
- - - Obligatii Admini/Slot/VIP
- - - Cerere Marire Grad
- - - Cerere Schimbare Nume Admin
- - - Evenimente
- - - Promovari & Sanctionari
- - - Reclamatii
- - - Lista de Ban-uri
- - - Cerere Ban
- - - Cerere Unban
- - - Absente & Retrageri
- - - Propuneri & Sugestii
- - - Raportare Problema
- - - Discutii
- - - Arhiva serverului
- - - Statistici GameTracker.Com
- - - Evidenta + Redirecte CsServers
- - - Evidenta + Redirecte xHlds
- - - Status
- - CsMedias.EuropaCs.Ro
- - - Regulament
- - - Anunturi Generale
- - - Staff Only
- - - Cereri Accese
- - - - Cereri Admin
- - - - Cereri Slot
- - - - Cereri VIP
- - - Cerere Schimbare Nume Admin
- - - Reclamatii
- - - Lista de Ban-uri
- - - Cerere Ban
- - - Cerere Unban
- - - Absente & Retrageri
- - - Discutii
- - - Arhiva Serverului
- - - Statistici GameTracker.Com
- - - Status
- - Respawn.EuropaCs.Ro
- - - Regulament
- - - Anunturi
- - - Administrare Server
- - - Conducerea Server-ului
- - - Cerere Admin/Slot/VIP
- - - Obligatii Admini/Slot/VIP
- - - Cerere Marire Grad
- - - Cerere Schimbare Nume Admin
- - - Evenimente
- - - Promovari & Sanctionari
- - - Reclamatii
- - - Lista de Ban-uri
- - - Cerere Ban
- - - Cerere Unban
- - - Absente & Retrageri
- - - Propuneri & Sugestii
- - - Raportare Problema
- - - Discutii
- - - Arhiva Server-ului
- - - Statistici GameTracker.Com
- - - Evidenta + Redirecte CsServers
- - - Evidenta + Redirecte xHlds
- - - Status
- - Factory.EuropaCs.Ro
- - - Regulament
- - - Anunturi
- - - Administrare server
- - - Conducerea Server-ului
- - - Cerere Admin/Slot/VIP
- - - Cerere Marire Grad
- - - Cerere Schimbare Nume Admin
- - - Evenimente
- - - Promovari & Sanctionari
- - - Reclamatii
- - - Lista de Ban-uri
- - - Cerere Ban
- - - Cerere Unban
- - - Absente & Retrageri
- - - Propuneri & Sugestii
- - - Raportare Problema
- - - Discutii
- - - Arhiva Server-ului
- - - Statistici GameTracker.Com
- - - Evidenta + Redirecte CsServers
- - - Evidenta + Redirecte xHlds
- - - Status
- - Fatal.EuropaCs.Ro
- - - Regulament
- - - Anunturi
- - - Administrare Server
- - - Conducerea Server-ului
- - - Cereri Admin/Slot/VIP
- - - Obligatii Admini/Slot/VIP
- - - Cerere Marire Grad
- - - Cerere Schimbare Nume Admin
- - - Evenimente
- - - Promovari & Sanctionari
- - - Reclamatii
- - - Lista de Ban-uri
- - - Cerere Ban
- - - Cerere Unban
- - - Absente & Retrageri
- - - Propuneri & Sugestii
- - - Raportare Problema
- - - Discutii
- - - Arhiva serverului
- - - Statistici GameTracker.Com
- - - Evidenta + Redirecte CsServers
- - - Evidenta + Redirecte xHlds
- - - Status
- - Cs.EuropaCs.Ro
- - - Regulament
- - - Anunturi
- - - Administrare Server
- - - Conducerea Server-ului
- - - Cerere Admin/Slot/VIP
- - - Obligatii Admini/Slot/VIP
- - - Cerere Marire Grad
- - - Cerere Schimbare Nume Admin
- - - Evenimente
- - - Promovari & Sanctionari
- - - Reclamatii
- - - Lista de Ban-uri
- - - Cerere Ban
- - - Cerere Unban
- - - Absente & Retrageri
- - - Propuneri & Sugestii
- - - Raportare Problema
- - - Discutii
- - - Arhiva serverului
- - - Statistici GameTracker.Com
- - - Evidenta + Redirecte CsServers
- - - Evidenta + Redirecte xHlds
- - - Status
- - Zm.EuropaCs.Ro
- - - Regulament
- - - Anunturi
- - - Administrare Server
- - - Conducerea Server-ului
- - - Cerere Admin/Slot/VIP
- - - Obligatii Admini/Slot/VIP
- - - Cerere Marire Grad
- - - Cerere Schimbare Nume Admin
- - - Evenimente
- - - Promovari & Sanctionari
- - - Reclamatii
- - - Lista de Ban-uri
- - - Cerere Ban
- - - Cerere Unban
- - - Absente & Retrageri
- - - Propuneri & Sugestii
- - - Raportare Problema
- - - Discutii
- - - Arhiva serverului
- - - Statistici GameTracker.Com
- - - Evidenta + Redirecte CsServers
- - - Evidenta + Redirecte xHlds
- - - Status
- - Servere Counter Strike 1.6
- - - Zm.EuropaCs.Ro
- - - - Regulament
- - - - Anunturi
- - - - Administrare Server
- - - - Conducerea serverului
- - - - Cereri Admin/Slot/VIP
- - - - Obligatii Admin/Slot/VIP
- - - - Cereri Marire Grad
- - - - Cereri Schimbare Nume Admin
- - - - Evenimente
- - - - Promovari & Sanctionari
- - - - Reclamatii
- - - - Lista Ban-uri
- - - - Cereri Ban
- - - - Cereri Unban
- - - - Absente & Retrageri
- - - - Propuneri & Sugestii
- - - - Raportare probleme
- - - - Discutii
- - - - Arhiva serverului
- - - - Statistici GameTracker.Com
- - - - Status
- [EuropaCs] Arhiva
- - Arhiva Publica
Cine este conectat
Utilizatori răsfoind acest forum: Niciun utilizator înregistrat și 0 vizitatori