ტეგი input
ტეგი input ქმნის HTML ფორმის სხვადასხვა ელემენტებს:
ჩვეულებრივ შემავალ ველს, პაროლის შესაყვან ველს,
ჩექბოქსს (checkbox),
რადიო ღილაკებს (radio), ღილაკს.
ტეგი input უნდა იყოს ტეგის
form შიგნით.
ეს არ არის სავალდებულო, მაგრამ აუცილებელია მონაცემების სერვერზე გასაგზავნად
და შემდგომი მათი დამუშავებისთვის PHP-ის მეშვეობით.
არ საჭიროებს დამხურავ ტეგს.
ატრიბუტები
| ატრიბუტი | აღწერა |
|---|---|
type |
განსაზღვრავს შემავალი ველის ტიპს. ვარიანტები იხ. ქვემოთ. |
value |
ნაგულისხმევი მნიშვნელობა შემავალ ველში. ღილაკის შემთხვევაში განსაზღვრავს მის ტექსტს.
დეტალურად იხ. ატრიბუტი value.
|
placeholder |
მინიშნება შემავალ ველში, დეტალურად იხ.
ატრიბუტი placeholder.
|
name |
შემავალი ველის სახელი. საჭიროა იმისთვის, რომ შემავალი ველის მონაცემები PHP-ში მივიღოთ. ფორმის კორექტული მუშაობისთვის შემავალი ველების სახელები არ უნდა ემთხვეოდეს ერთმანეთს (ერთ ფორმაში). თუ ისინი ემთხვევა - PHP-ში მოვა მათი შემავალი ველის მონაცემები, რომელიც HTML კოდში ქვევით მდებარეობს. |
disabled |
ბლოკავს ფორმის ელემენტს (არა მხოლოდ input-ს, არამედ თითქმის ნებისმიერს),
დეტალურად იხ. ატრიბუტი disabled.
|
ატრიბუტი type-ის მნიშვნელობები
| მნიშვნელობა | აღწერა |
|---|---|
text |
ქმნის ჩვეულებრივ ტექსტურ შემავალ ველს. |
password |
ქმნის ტექსტურ შემავალ ველს პაროლისთვის. სცადეთ მასში ტექსტის შეყვანა - ის გამოჩნდება ვარსკვლავებად. |
checkbox |
ქმნის ჩექბოქსს.
დეტალურად იხ. checkbox.
|
radio |
ქმნის რადიო ღილაკს.
დეტალურად იხ. radio.
|
hidden |
ქმნის დამალულ ინფუთს, რომელიც არ იქნება ხილული ეკრანზე, მაგრამ გაგზავნის
value ატრიბუტში მოცემულ მონაცემებს სერვერზე.
|
button |
ქმნის ღილაკს. ამ ღილაკზე დაჭერა
არ გაგზავნის ფორმას სერვერზე. ის შეიძლება გამოყენებულ იქნეს
ბმულის შიგნით ან JavaScript-ის მეშვეობით.
ნაგულისხმევად ღილაკს არ აქვს ტექსტი (ღილაკის მაგალითი ტექსტის გარეშე: ),
მას ენიჭება value-ის მეშვეობით.
იხ. აგრეთვე ტეგი button,
რომელიც ასევე ქმნის ღილაკს.
|
submit |
ქმნის ღილაკს, რომელიც გაგზავნის მონაცემებს სერვერზე.
ღილაკის ტექსტი დამოკიდებულია ბრაუზერზე, მისი შეცვლა შესაძლებელია
value-ის მეშვეობით.
იხ. აგრეთვე ტეგი button,
რომელიც ასევე ქმნის ღილაკს.
|
reset |
ქმნის ღილაკს, რომელიც ასუფთავებს შევსებულ ფორმას.
ღილაკის ტექსტი დამოკიდებულია ბრაუზერზე, მისი შეცვლა შესაძლებელია
value-ის მეშვეობით.
|
file |
ქმნის ფაილის არჩევის ღილაკს. ამ ღილაკის დიზაინის შეცვლა აკრძალულია
CSS-ის მეშვეობით (თუმცა არსებობს ჭკვიანური გზები). თუ თქვენ გჭირდებათ ასეთი ველი ფორმაში, მაშინ
ტეგს form უნდა ჰქონდეს ატრიბუტი
enctype multipart/form-data მნიშვნელობით.
|
ახალი HTML5-ში ატრიბუტი type-ის მნიშვნელობები
ეს მნიშვნელობები ახალია, გამოჩნდნენ მხოლოდ HTML5-ში, ამიტომ ზოგიერთ ბრაუზერში ისინი შეიძლება არ იმუშაონ ან იმუშაონ განსხვავებულად სხვადასხვა ბრაუზერებში.
იმ შემთხვევაში, თუ ბრაუზერი ვერ აღიქვამს
ატრიბუტის type შიგთავსს
(მაგალითად, თუ ის არ არის მხარდაჭერილი ან არასწორადაა შეყვანილი),
ის მიიჩნევს ელემენტს ჩვეულებრივ ტექსტურ
ინფუთად, როგორც თუ type-ში იქნებოდა მნიშვნელობა
text.
შეხედეთ ქვემოთ მოცემულ მაგალითებს
სხვადასხვა ბრაუზერებში. სცადეთ შეიყვანოთ
ინფუთებში ტექსტი და დააჭიროთ გაგზავნის ღილაკს.
თუ ტექსტი არაკორექტულია ან ველი ცარიელია -
ბრაუზერი აჩვენებს შეცდომას.
მაგალითად, თუ ტიპის email ველში შეიყვანთ არაკორექტულ
email-ს - ბრაუზერი არ მისცემს ფორმის გაგზავნის საშუალებას და
აჩვენებს შეცდომის შეტყობინებას (შეცდომის ტექსტის
და მისი გარეგნობის html css-ზე შეცვლა შეუძლებელია).
თუ ველი ცარიელია - ბრაუზერი ასევე აჩვენებს შეცდომას,
ეს მიიღწევა ატრიბუტის required მეშვეობით:
| მნიშვნელობა | აღწერა |
|---|---|
email |
|
number |
|
url |
|
tel |
|
search |
|
color |
|
date |
|
month |
|
week |
|
datetime |
|
datetime-local |
|
range |
