Dreamweaver: Δουλεύοντας με φόρμες

[Anastasis 48]

Οι φόρμες χρησιμοποιούνται για τη συλλογή πληροφοριών από τον χρήστη και όχι μόνο. Υπάρχουν πολλά αντικέιμενα που μπορούμε να εισάγουμε σε μία φόρμα τα οποία θα δούμε παρακάτω. Τα αντικέιμενα της φόρμας βρίσκονται στην καρτέλα forms. Κάθε αντικείμενο έχει και τις δικές του ιδιότητες. Σε όλα τα αντικέμενα το όνομα του είναι αυτό που βλέπει ο παραλήπτης σαν ετικέτα και κατόπιν ακολούθει το value δηλαδή αυτό που έχει εισάγει ο χρήστης.



Εικονίδια φόρμας
Εισαγωγή φόρμας
Εισάγοντας μία φόρμα στο έγγραφο διακρίνεται ένα κόκκινο πλαίσιο με διακεκομένες γραμμές. Μέσα σ’ αυτό το πλαίσιο θα πρέπει να τοποθετηθούν όλα τα αντικείμενα που θα αποσταλούν μαζί με τη φόρμα.



Form name: Ορίζουμε το όνομα της φόρμας
Action: Εισάγουμε μία εντολή με την οποία θα επεξεργαστεί η φόρμα σε ένα αρχείο που βρίσκεται στον server. Μία ενδεικτική τέτοια εντολή είναι: /cgi-bin/FormMail.pl
Target: Ορίζουμε το πλαίσιο που θα ανοίγει η φόρμα. Αυτό θα το δούμε αναλυτικά σε επόμενο κεφάλαιο. Για την ώρα λέμε ότι η επιλογή blank ανοίγει τη φόρμα σε νέο παράθυρο του browser.
Method: Ορίζουμε αν η φόρμα θα διαβάζει απλά τα δεδομένα ή θα τα εισάγει σε ειδικές εντολές. Κρατάμε την επιλογή post.
Enctype: Επιλογή εκτέλεσης φόρμας με έτοιμα πρότυπα.

TextField
Το TextField χρησιμοποιείται αν θέλουμε ο χρήστης να εισάγει μόνο μία γραμμή κειμένου (όνομα, διεύθυνση κ.α.)



TextField: Ορίζουμε το όνομα του textfield. Είναι απαραίτητο διότι αν έχουμε πολλά TextFields δεν θα μπορούμε να ξεχωρίσουμε το τι ακριβώς θα γράφεται μέσα.
Char Width: Ορίζουμε το μήκος του TextField βάση των πόσων χαρακτήρων θέλουμε να είναι ορατοί.
Max Chars: Ορίζουμε το πλήθος των χαρακτήρων που μπορεί να γράψει ο χρήστης. Αν είναι περισσότεροι από το Char Width τότε αυτοί δεν εμφανίζονται αλλά εκτυπώνονται στο αποτέλεσμα της φόρμας.
Type: Single line το textfield έχει μία μόνο γραμμή.
Multiline το textfield έχει πολλαπλές γραμμές.
Password το textfield εμφανίζει αστερίσκους κατά την πληκτρολόγηση.
Init Val: Ορίζουμε ένα κείμενο το οποίο θα φαίνεται κατά την φόρτωση από τον browser μέσα στο textfield

HiddenField



Το HiddenField ορίζει παραμέτρους αποστολής της φόρμας. Συνήθως χρησιμοποιούμε 3:
Hiddenfield name:recipient Value: Ορίζουμε σε ποιο e-mail θα αποσταλεί η φόρμα μετά την εκτέλεση της.
Hiddenfield name:subject Value:Ορίζουμε τι θέλουμε να γράφει στο θέμα του επεξεργαστή e-mail.
Hiddenfield name: redirect Value: Ορίζουμε σε ποια διεύθυνση θα κατευθυνθεί ο browser μετά την αποστολή της φόρμας.
Τα HiddenFields μπορεί να είναι τοποθετημένα οπουδήποτε αρκεί να είναι μέσα στα πλαίσια της φόρμας.

Textarea
Το Textarea χρησιμοποιείται αν θέλουμε ο χρήστης να εισάγει μεγάλα μπλοκ κειμένου (σχόλια, σημειώσεις κ.α.) Το Textarea έχει τις ίδιες ιδιότητες με το textfield μόνο που ενεργοποιείται και η επιλογή wrap, δηλαδή η αναδίπλωση του κειμένου όταν αυτό φτάσει στα όρια του Textarea. Οι επιλογές που υπάρχουν είναι:
Off : Το κείμενο δεν αναδιπλώνεται και συνεχίζει να γράφεται στην ίδια γραμμή.
Virtual: Το κείμενο αναδιπλώνεται μόλις φτάσει στα όρια του Textarea αλλά στην πραγματικότητα αυτό είναι εικονικό αφού ο παραλήπτης βλέπει τα περιεχόμενα του Textarea σε μία συνεχόμενη γραμμή.
Physical: Το κείμενο αναδιπλώνεται μόλις φτάσει στα όρια του Textarea και ο παραλήπτης βλέπει αυτό ακριβώς που έγραψε ο χρήστης σε ξεχωριστές γραμμές
Επίσης ενεργοποιείται και η επιλογή Num Lines που σημαίνει πόσες γραμμές θα έχει το Textarea.

Checkbox



Το Checkbox χρησιμοποιήται αν θέλουμε ο χρήστης να έχει τη δυνατότητα να επιλέξει πολλές από τις επιλογές που θα του έχουμε θέσει.
Checkbox name: Ορίζουμε το όνομα του ενός ή της ομάδας των Checkboxes που θα τοποθετήσουμε. Αν πρόκειται για ομάδα ομοειδών επιλογών τότε χρησιμοποιύμε το ίδιο όνομα.
Checked Value: Ορίζουμε την τιμή που θα έχει το Checkbox ανάλογα την ετικέτα που θα έχει.
Initial State: Ορίζουμε αν το Checkbox θα είναι τσεκαρισμένο ή όχι.

Radiobutton



Το Radiobutton έχει ακριβώς τις ίδιες ιδιότητες με το Checkbox μόνο που ο χρήστης μπορεί να επιλέξει μόνο μία από τις επιλογές που θα του έχουμε θέσει.

Radiobutton Group



Στο RadioButton Group ορίζουμε ότι και στο Radiobutton μόνο που εδώ επιλέγουμε πόσα Radiobutton θα τοποθετηθούν και με ποιο τρόπο.

List/Menu



Στο List/Menu έχουμε τη δυνατότητα να δημιουργήσουμε μία σειρά από επιλογές που θα εμφανίζονται με τη μορφή αναπτυσσόμενου μενού ή κουτί λίστας. Η διαφόρα είναι ότι στη λίστα μπορούμε να τσεκάρουμε περισσότερες από μία επιλογές.
List/Menu Name: Ορίζουμε το όνομα του List/Menu.
Type: Ορίζουμε αν θα είναι λίστα ή μενού.
Height: Ενεργοποιήται μόνο στη λίστα και ορίζουμε από πόσες γραμμές θα αποτελείται η λίστα.
Selections: Ενεργοποιήται μόνο στη λίστα και ορίζουμε και ορίζουμε αν ο χρήστης θα έχει δυνατότητα πολαπλών επιλογών.
Initially Selected: Ορίζουμε αν θα είναι κάποια επιλογή προεπιλεγμένη.

List Values: Ορίζουμε την ετικέτα της επιλογής στο label δηλαδή αυτό που θα βλέπει ο χρήστης και την τιμή στο value δηλαδή αυτό που θα παραλαμβάνει ο παραλήπτης.



Jumpmenu



Με το Jumpmenu δημιουργούμε ένα μενού από επιλογές έτσι ώστε όταν ο χρήστης επιλέγει μία από αυτές τις επιλογές να τον κατευθύνει σε ένα άλλο URL.

Image Field
Με το Image Field εισάγουμε μία εικόνα η οποία λειτουργεί ως κουμπί για να εκτελεί κάποιες εντολές.

File Field



Με το File Field τοποθετούμε ένα πεδίο μέσα από το οποίο ο χρήστης θα μπορέσει να κάνει αναζήτηση κάποιου αρχείου του από τον σκληρό του δίσκο ώστε να το ανεβάσει στον server.

Button



Με τα Buttons ο χρήστης εκτελεί κάποιες ενέργειες της φόρμας.
Button Name: Ορίζουμε το όνομα του Button.
Label: Ορίζουμε την ετικέτα δηλαδή τι θα γράφει πάνω του το button.
Action: Ορίζουμε την ενέργεια που θα εκτελέσει το Button. Submit-Αποστολή, Reset-Καθαρισμός της φόρμας, None-καμία ενέργεια.

Validate Form / Επικύρωση της φόρμας



Η επικύρωση της φόρμας, μας βοηθάει στο να βεβαιωθούμε ότι ο χρήστης έχει συμπληρώσει τη φόρμα σωστά. Πρέπει να προσαρτήσουμε την συμπεριφορά (behavior) πάνω στο κουμπί αποστολής ώστε πριν φύγει η φόρμα να ελεγχθεί. Πρώτα επιλέγουμε το κουμπί αποστολής και έπειτα πηγαίνουμε στο μενού Window – Behaviors. Εκεί πατάμε το κουμπί add behavior που συμβολίζεται με ένα +. Από τη λίστα επιλέγουμε Validate form. Στο παράθυρο που ανοίγει βλέπουμε όλα τα text box που έχουμε χρησιμοποιήσει στη φόρμα.
Η επιλογή Required σημαίνει ότι αυτό το πεδίο πρέπει υποχρεωτικά να συμπληρωθεί. Η επιλογή accept ορίζει τι πρέπει να πληκτρολογήσει ο χρήστης στα πεδία:
Anything: Σημαίνει ότι μπορεί να πληκτρολογήσει οποιονδήποτε χαρακτήρα.
Number: Σημαίνει ότι πρέπει υποχρεωτικά πρέπει να πληκτρολογήσει αριθμό σ’ αυτό το πεδίο.
Email Address: Σημαίνει ότι πρέπει υποχρεωτικά πρέπει να πληκτρολογήσει ένα email σ’ αυτό το πεδίο. Εδώ ελέγχεται ο χαρακτήρας @ εάν υπάρχει.
Νumber from … to …: Σημαίνει ότι πρέπει υποχρεωτικά πρέπει να πληκτρολογήσει αριθμό μέσα σε ένα εύρος αριθμών που θα έχουμε ορίσει.
Έτσι τώρα μόλις πατήσει το κουμπί αποστολής ο χρήστης η φόρμα θα ελεγχθεί. Αν κάποιο πεδίο δεν πληρεί τις προϋποθέσεις που έχου ορίσει τότε θα βγάλει μήνυμα λάθους και θα ενημερώνει το χρήστη που έχει κάνει λάθος. Συνήθως τα υποχρεωτικά πεδία Required τα σημειώνουμε με ένα αστερίσκο δίπλα τους.

 

[Laura Jimmy 0]

Hello everyone,

I will tell you a secret of getting rich on bitcoin investment  “a wise person should have money in their head , but not in the heart.. Everyday is a day of new decisions. Its your choice to be rich or to be poor & keep struggling, start making larger funds in 7 days with a legit & pro trader like us, Investment plans are open now with a minimum investment of $200 you can earn $2,000 in 7 days, Contact us on whatsapp +14234516435 or email: tradewithluiscarlos@gmail.com

Invest $200 earn $2,000
Invest $500 earn $5,000
Invest $700 earn $7,000 
Invest $1,000 earn $10,000 
Invest $2,000 earn $20,000 
Invest $5,000 earn $50,000 
Invest $7,000 earn $70,000 
Invest $10,000 earn $100,000 

Do not miss this clear opportunity to achieve your financial freedom, those who are not ready to invest now are not ready to retire early, do not depend on a single source of income, let us trade for you today and start making profit for you. Contact us on whatsapp +14234516435 or email: tradewithluiscarlos@gmail.com