HTML Text Forms

Δημοσιεύτηκε από τον alex

Οι φόρμες στην xhtml είναι μία αποτελεσματική μέθοδος για να υπάρξει διαδραστικότητα μεταξύ του χρήστη και του web server. Τη πιο συνηθισμένη μορφή φόρμας τις έχετε δει στις φόρμες επικοινωνίας, στις οποίες μπορείτε να στείλετε ένα μήνυμα στον ιδιοκτήτη μιας ιστοσελίδας και αυτό ακριβώς θα φτιάξουμε σε αυτό το βοήθημα. Αρχικά θα ανοίξω μία form ετικέτα και θα βάλω τα χαρακτηριστικά method=”post” και action=”http://wsb.gr/scripts/send.php”. Αυτό που κάνει το χαρακτηριστικό method=”post”, είναι να περνάει το περιεχόμενο από τις φόρμες σε ένα script, το οποίο έχω τοποθετήσει στη διεύθυνση http://wsb.gr/scripts/send.php. Ουσιαστικά, οι φόρμες διαχωρίζονται σε 2 μέρη. Το μπροστινό μέρος, το οποίο το δημιουργούμε με html και το πίσω μέρος, το οποίο το γράφουμε με κάποια γλώσσα προγραμματισμού όπως την php. Με λίγα λόγια λοιπόν, η συγκεκριμένη φόρμα στέλνει τις πληροφορίες στο συγκεκριμένο script και τις επεξεργάζεται.

Μέσα στην ετικέτα form, θα περάσω τις ετικέτες label και input. Μέσα στην ετικέτα label περνάμε το στοιχείο for=”name” και στο κείμενο που θα έχει η name ετικέτα μας. Στις input ετικέτες το type εκφράζει το είδος της φόρμας, ενώ το name, εκφράζει την ομάδα στην οποία βρίσκεται και μπορούμε να το ονομάσουμε όπως θέλουμε. Ο κώδικας μας θα πρέπει να είναι όπως ο παρακάτω.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
     <title>website</title>
</head>

<body>

<form method="post" action="http://wsb.gr/scripts/send.php">

<label for="name">name</label><br />
<input type="text" name="name" id="name" /><br /><br />

<label for="email">email</label><br />
<input type="text" name="email" id="email" /><br /><br />

</form>
</body>
</html>

4 responses to “HTML Text Forms”

  1. Dimitris Antoniou says:

    Καλησπέρα,

    έχω παρακολουθήσει όλα τα βιντεάκια σου και μπορώ να πω οτι έχω σχεδόν τελειώσει την σελίδα μου.

    Ενα πρόβλημα που έχω είναι το εξής.
    Ζήτησα από κάποιον να μου φτιάξει το php αρχείο για το contact form.
    Το ανέβασα στον σέρβερ μου αλλά όταν κάνω submit μου βγάζει αυτό:

    HTTP Error 405 – The HTTP verb used to access this page is not allowed

    Τί κάνω λάθος;

    Σ’ ευχαριστώ
    Δημήτρης

  2. alex says:

    Δημήτρη καλησπέρα,
    Το έχεις ανεβάσει σε windows server?

  3. Dimitris Antoniou says:

    Καλημέρα και ευχαριστώ.

    Ναι το έχω ανεβάσει σε windows server

  4. alex says:

    καλό θα ήταν να κάνεις μια ερώτηση στον hosting provider σου. Δυστυχώς δεν έχω δουλέψει πάνω σε windows servers καθόλου.

Leave a Reply

Your email address will not be published.

 
 
 
εκπαιδευτικά βίντεο

Εκπαιδευτικά Βίντεο

Εκπαιδευτείτε μέσα από τα εντελώς δωρεάν βίντεο μας, πάνω σε web τεχνολογίες όπως HTML, CSS, Javascript και PHP.

 
δωρεάν themes

Δωρεάν Themes

Στη Supremo Hosting προσφέρουμε εντελώς δωρεάν premium wordpress themes για τις ανάγκες της ιστοσελίδας σας!

 
κατασκευή ιστοσελίδων

Κατασκευή Ιστοσελίδων

Επωφεληθείτε από τις εξαιρετικά χαμηλές τιμές που προσφέρουμε πάνω στην κατασκευή ιστοσελίδων και eshop.

cards