Σύνολο φόρμας html. Φόρμες HTML. II. Εισαγωγή δεδομένων μέσω βρόχου

Μαζί με πολλές ιδιότητες γραμματοσειράς*, το CSS προσφέρει πολλές ιδιότητες κειμένου*.

στοίχιση κειμένου

Η ιδιότητα στοίχισης κειμένου πρέπει να εφαρμόζεται σε ένα στοιχείο μπλοκ και να καθορίζει τον τρόπο κειμένου και θυγατρικού ενσωματωμένα στοιχείαευθυγραμμίζονται οριζόντια.

Κύριο μέρος (στοίχιση κειμένου: αριστερά; )

Τιμές που χρησιμοποιούνται περισσότερο:

• σωστά
• κέντρο
• δικαιολογώ

Αυτές οι τιμές αντιστοιχούν στα ίδια κουμπιά ευθυγράμμισης που θα βρείτε Microsoft Wordή Photoshop:

Η προεπιλεγμένη τιμή του text-align είναι start . Βασικά, η έναρξη μπορεί να είναι είτε αριστερά είτε δεξιά, ανάλογα με την κατεύθυνση κειμένου που καθορίζεται από την κατεύθυνση για το έγγραφο HTML.

κατεύθυνση είναι Ιδιότητα CSS, που μπορεί να είναι ltr (από αριστερά προς τα δεξιά) ή rtl (δεξιά προς τα αριστερά):

• Εάν έχει επιλεγεί το ltr, αφήνεται η έναρξη.
• εάν επιλεγεί το rtl, η αρχή είναι ίση με δεξιά.

κείμενο-διακόσμηση

Η ιδιότητα text-decoration χρησιμοποιείται για την προσθήκη μιας γραμμής στο κείμενό σας.

Προεπιλεγμένη τιμή: καμία .

Διαγράφηκε (κείμενο-διακόσμηση: γραμμή-μέσω; )

Πιθανές τιμές:

• υπεργραμμίστε
• υπογραμμίζω
• γραμμή-μέσω

A ( κείμενο-διακόσμηση: κανένα; )

κείμενο-εσοχή

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

Προεπιλεγμένη τιμή: 0 (μηδέν).

Blockquote (εσοχή κειμένου: 30 px; )

Σημειώστε ότι υπάρχει μόνο εσοχή στην πρώτη γραμμή. Εάν θέλετε να μετακινήσετε ένα ολόκληρο μπλοκ κειμένου, χρησιμοποιήστε padding.

Όπως και με την ιδιότητα μεγέθους γραμματοσειράς, μπορείτε να χρησιμοποιήσετε px, em ή ακόμα και %.

κείμενο-σκιά

Εάν έχετε χρησιμοποιήσει ποτέ Photoshop, πιθανότατα έχετε χρησιμοποιήσει το εργαλείο σκιάς. Στο CSS, μπορείτε να προσθέσετε μια σκιά στο κείμενο για να φαίνεται φανταχτερό ή πιο ευανάγνωστο.

Εσείς ορίζετε:

• x - οριζόντια μετατόπιση.
• y - κατακόρυφη μετατόπιση.
• θολούρα;
• χρώμα.

Απαιτούνται μόνο οι τιμές x και y. Το προεπιλεγμένο θάμπωμα σκιάς είναι 0 (μηδέν) και το προεπιλεγμένο χρώμα είναι το ίδιο με το χρώμα του κειμένου.

Αυτή η ιδιότητα είναι δύσκολη, γι' αυτό χρησιμοποιήστε την προσεκτικά και μην τρελαίνεστε!

Φόρμες HTMLΤα s είναι πολύπλοκα στοιχεία διεπαφής. Περιλαμβάνουν διάφορα λειτουργικά στοιχεία: πεδία εισαγωγής Και , λίστες <select>, συμβουλές κ.λπ. Όλος ο κώδικας φόρμας περιέχεται στο στοιχείο <form> .</p> <p><a href="https://olegshein.ru/el/system-and-update/than-ios-10-differs-from-11-cosmetic-changes-at-the-bottom-of-the-player/">Τα περισσότερα από</a>Οι πληροφορίες φόρμας ιστού μεταδίδονται χρησιμοποιώντας το στοιχείο <input>. Για να εισαγάγετε μία γραμμή κειμένου, χρησιμοποιήστε το στοιχείο <input type="text">, για πολλαπλές γραμμές - στοιχείο <textarea>. Στοιχείο <select>δημιουργεί μια αναπτυσσόμενη λίστα.</p> <p>Στοιχείο <label>δημιουργεί ετικέτες για πεδία φόρμας. Υπάρχουν δύο τρόποι ομαδοποίησης ετικετών και πεδίων. Εάν το πεδίο βρίσκεται μέσα σε ένα στοιχείο <label>, τότε το χαρακτηριστικό for δεν χρειάζεται να καθοριστεί.</p><p> <label for="lastname">Επίθετο</label><input type="text" id="lastname"> <input type="text" id="lastname"><label for="lastname">Επίθετο</label> <label>Επίθετο <input type="text" name="lastname"></label> </p><p>Τα πεδία φόρμας μπορούν να χωριστούν σε λογικά μπλοκ χρησιμοποιώντας το στοιχείο <fieldset>. Κάθε ενότητα μπορεί να ονομαστεί χρησιμοποιώντας το στοιχείο <legend> .</p><p> <fieldset> <legend><a href="https://olegshein.ru/el/battery-and-power-consumption/bongo-chat-pary-zagruzka-dokumentov-dlya-podtverzhdeniya-vozrasta-kontaktnaya/">Στοιχεία επικοινωνίας</a></legend> <label>Ονομα <input type="text" required></label> <label>ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ <input type="email" required></label> </fieldset> <br><img src='https://i0.wp.com/html5book.ru/wp-content/uploads/2015/05/fieldset.png' width="100%" loading=lazy loading=lazy>Ρύζι. 1. Ομαδοποίηση πεδίων φόρμας</p><p>Για να γίνει η φόρμα πιο κατανοητή στους χρήστες, προστίθεται κείμενο στα πεδία της φόρμας για να παρέχει ένα παράδειγμα των δεδομένων εισαγωγής. Αυτός ο τύπος κειμένου ονομάζεται κείμενο μπαλαντέρ και δημιουργείται χρησιμοποιώντας το χαρακτηριστικό κράτησης θέσης.</p> <p>Τα υποχρεωτικά πεδία πρέπει επίσης να επισημανθούν. Πριν από την HTML5, ο αστερίσκος * χρησιμοποιήθηκε δίπλα στο όνομα του πεδίου. Η νέα προδιαγραφή έχει <a href="https://olegshein.ru/el/download/setting-permissions-on-the-linux-file-special-attributes-of-files/">ειδική ιδιότητα</a>απαιτείται , το οποίο σας επιτρέπει να επισημάνετε ένα απαιτούμενο πεδίο στο επίπεδο σήμανσης. Αυτό το χαρακτηριστικό δίνει εντολή στο πρόγραμμα περιήγησης (υποθέτοντας ότι υποστηρίζει HTML5) να μην στέλνει δεδομένα αφού ο χρήστης κάνει κλικ στην υποβολή μέχρι να συμπληρωθούν τα καθορισμένα πεδία.</p><p> <input type="text" required placeholder="το όνομα σου"> </p><p>Για να αλλάξετε την εμφάνιση ενός πεδίου κειμένου κατά τη λήψη εστίασης, χρησιμοποιήστε την ψευδοκλάση εστίασης. Για παράδειγμα, μπορείτε να κάνετε το φόντο του τρέχοντος πεδίου πιο σκούρο ή να προσθέσετε <a href="https://olegshein.ru/el/instructions/kak-v-instagramme-ustanovit-avatarku-kak-sdelat-cvetnoi-kruzhok/">χρωματιστό πλαίσιο</a>για να ξεχωρίζει από τα υπόλοιπα:</p><p>Είσοδος: εστίαση ( φόντο: #eaeaea; )</p><p>Ένα άλλο χρήσιμο χαρακτηριστικό HTML5 είναι το χαρακτηριστικό autofocus. Σας επιτρέπει να ρυθμίσετε αυτόματα την εστίαση στο επιθυμητό αρχικό πεδίο για στοιχεία <input>Και <textarea>(μόνο ένα στοιχείο κάθε φόρμας).</p> <h2>Παράδειγμα δημιουργίας φόρμας εγγραφής</h2> <p><b>Σήμανση HTML</b></p><p> <div class="form-wrap"> <div class="profile"><img src='https://i1.wp.com/сайт/wp-content/uploads/2016/10/profile-image.png' loading=lazy loading=lazy> <h1>Εγγραφή</h1> </div> <form method="post" action="form.php"> <div> <label for="name">Ονομα</label> <input type="text" name="name" required> </div> <div class="radio">Πάτωμα <label> <input type="radio" name="sex" value="αρσενικός">αρσενικός <div class="radio-control male"></div> </label> <label> <input type="radio" name="sex" value="θηλυκός">θηλυκός <div class="radio-control female"></div> </label> </div> <div> <label for="email">ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ</label> <input type="email" name="email" required> </div> <div> <label for="country">Μια χώρα</label> <select name="country"> <option>Επιλέξτε τη χώρα διαμονής σας</option> <option value="Ρωσία">Ρωσία</option> <option value="Ουκρανία">Ουκρανία</option> <option value="Λευκορωσία">Λευκορωσία</option> </select> <div class="select-arrow"></div> </div> <button type="submit">Στείλετε</button> </form> </div> </p><p><b>Σημείωση</b><br>action="form.php" - σύνδεσμος προς το αρχείο χειριστή φόρμας. Δημιουργήστε ένα αρχείο σε κωδικοποίηση UTF-8, ανεβάστε το στον διακομιστή και αντικαταστήστε το action="form.php" με τη διαδρομή προς το αρχείο στον διακομιστή σας.</p> <br><img src='https://i2.wp.com/html5book.ru/wp-content/uploads/2016/10/form-default.png' width="100%" loading=lazy loading=lazy>Ρύζι. 2. <a href="https://olegshein.ru/el/communications-and-the-internet/css-primer-opisanie-markirovannogo-spiska-pravila-css-dlya-nastroiki/">Εμφάνιση</a>προεπιλεγμένες φόρμες <p>Όπως μπορείτε να δείτε από το σχήμα, κάθε στοιχείο φόρμας έχει προεπιλεγμένα στυλ προγράμματος περιήγησης. Ας καθαρίσουμε τα στυλ και ας διαμορφώσουμε τα στοιχεία της φόρμας.</p><p> Form-wrap ( πλάτος: 550 px; φόντο: #ffd500; περίγραμμα ακτίνας: 20 px; ) .form-wrap *(μετάβαση: .1 s linear) .profile (πλάτος: 240 px; float: αριστερά; στοίχιση κειμένου: κέντρο, συμπλήρωση : 30 px; ) μορφή ( φόντο: λευκό; float: αριστερά; πλάτος: calc (100% - 240 px); padding: 30 px; border-radius: 0 20 px 20 px; ) form div:after ( περιεχόμενο: ""; εμφάνιση: πίνακας; καθαρό: και τα δύο; ) φόρμα div ( περιθώριο-κάτω: 15 px; θέση: σχετική; ) h1 (μέγεθος γραμματοσειράς: 24 px; βάρος γραμματοσειράς: 400; θέση: σχετική ; margin-top: 50 px ) h1:after ( content: "\f138"; font-family: FontAwesome; position: absolute; 50px; left: 50%; transformation: translateX(-50; %) ) /******************* στυλ στοιχείων φόρμας ******************** ** / label, span ( οθόνη: μπλοκ; μέγεθος γραμματοσειράς: 14 px; margin-bottom: 8 px; ) είσοδος, είσοδος (πλάτος περιγράμματος: 0; περίγραμμα: κανένα; περιθώριο: 0; πλάτος: 100%; padding: 10 px 15px; φόντο: #e6e6e6 ) input:focus, input:focus ( box-shadow: inset 0 0 0 2px rgba(0,0,0,.2); ) .radio label ( θέση: σχετική; padding-left: 50 px; δρομέας: δείκτης; πλάτος: 50%; float: αριστερά; ύψος γραμμής: 40 px; ) .radio input ( position: absolute; opacity: 0; ) .radio -control ( θέση: απόλυτη; επάνω: 0; αριστερά: 0; ύψος: 40 εικονοστοιχεία; πλάτος: 40 εικονοστοιχεία; φόντο: #e6e6e6; ακτίνα περιγράμματος: 50%; στοίχιση κειμένου: κέντρο; ) .male:before ( περιεχόμενο: " \f222"; γραμματοσειρά-οικογένεια: FontAwesome; βάρος γραμματοσειράς: έντονη γραφή; ) .female:before ( περιεχόμενο: "\f221"; γραμματοσειρά-οικογένεια: FontAwesome; βάρος γραμματοσειράς: έντονη γραφή; ) .radio label:hover input ~. radio-control, .radiol input:focus ~ .radio-control ( box-shadow: inset 0 0 0 2px rgba(0,0,0,.2); ) .radio input:checked ~ .radio-control ( color: κόκκινο; */ -moz-appearance: κανένας; κορυφή: 38 px; δεξιά: 15 px; πλάτος: 0; ύψος: 0; pointer-events: none; /*ενεργοποιήστε την εμφάνιση της λίστας όταν κάνετε κλικ στο βέλος*/ border-style: solid; πλάτος περιγράμματος: 8 εικονοστοιχεία 5 εικονοστοιχεία 0 5 εικονοστοιχεία; χρώμα περιγράμματος: #7b7b7b διαφανές διαφανές διάφανο; ) κουμπί ( συμπλήρωση: 10 εικονοστοιχεία 0, πλάτος περιγράμματος: 0, οθόνη: μπλοκ, πλάτος: 120 εικονοστοιχεία, περιθώριο: 25 εικονοστοιχεία αυτόματα 0, φόντο: #60e6c5, χρώμα: λευκό, μέγεθος γραμματοσειράς: 14 εικονοστοιχεία, περίγραμμα: κανένα, μετατροπή κειμένου : κεφαλαία ) /******************** προσθήκη προσαρμοστικότητας στη φόρμα ****************** ** **/ @media (μέγιστο πλάτος: 600 εικονοστοιχεία) ( .form-wrap (περιθώριο: 20 εικονοστοιχεία αυτόματα; μέγ. πλάτος: 550 εικονοστοιχεία; πλάτος: 100%;) .προφίλ, φόρμα (επιπλέον: κανένα; πλάτος: 100% .</p><p><b>Αρχείο Form.php</b></p><p> <?php $name = trim(strip_tags($_POST["name"])); $sex = trim(strip_tags($_POST["sex"])); $email = trim(strip_tags($_POST["email"])); $country = trim(strip_tags($_POST["country"])); $subject = "Регистрация на сайте url_вашего_сайта"; $msg = "Ваши данные формы регистрации:\n" ."Имя: $name\n" ."Пол: $sex\n" ."Ваш email: $email\n" ."Страна: $country"; $headers = "Content-type: text/plain; charset=UTF-8" . "\r\n"; $headers .= "From: Ваше_имя <ваш_email>" . "\r\n"; $headers .= "Bcc: your_email." "\r\n"; if(!empty($name) && !empty($sex) && !empty($email) && ! άδεια($country) && filter_var($email, FILTER_VALIDATE_EMAIL))( mail($email, $subject, $msg, $headers); echo "Σας ευχαριστούμε! Έχετε εγγραφεί επιτυχώς."; ) ?></p><p><b>Σημείωση</b><br>Στη μεταβλητή $subject, καθορίστε το κείμενο που θα εμφανίζεται ως τίτλος του γράμματος. <br>Your_name - εδώ μπορείτε να καθορίσετε το όνομα που θα εμφανίζεται στο πεδίο "από ποιον είναι το γράμμα". <br>αντικαταστήστε το your_site_url με τη διεύθυνση του ιστότοπου με τη φόρμα εγγραφής. <br>αντικαταστήστε το your_email με τη διεύθυνσή σας <a href="https://olegshein.ru/el/malfunction/dlya-chteniya-elektronnoi-pochty-prednaznacheny-sleduyushchie-programmy/">ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ</a>;<br>$headers .= "Κρυφή κοινοποίηση: your_email". "\r\n"; στέλνει <a href="https://olegshein.ru/el/security/avtomaticheskaya-otpravka-kopii-otpravlyaemyh-soobshchenii-ponyatie/">bcc</a>στη διεύθυνση email σας.</p> <p>Συχνά σε τοποθεσίες Web μπορείτε να βρείτε σελίδες με φόρμες HTML τοποθετημένες σε αυτές. Φόρμες Ιστού – <a href="https://olegshein.ru/el/security/realnye-sposoby-kak-popolnit-golosa-v-vk-popolnenie-scheta-v-vk/">βολικό τρόπο</a>λήψη πληροφοριών από επισκέπτες στον ιστότοπό σας. Ένα παράδειγμα αυτού είναι - , - που παρέχει <a href="https://olegshein.ru/el/battery-and-power-consumption/primenenie-kanalov-s-obratnoi-svyazyu-obratnaya-svyaz-kak-instrument/">ανατροφοδότηση</a>με επισκέπτες και προγραμματιστές του ιστότοπου. Οι φόρμες είναι επίσης βολικές για τους προγραμματιστές τοποθεσιών κατά την ανάπτυξη ενός CMS, το οποίο τους επιτρέπει να διατηρήσουν την κύρια ιδιότητα του ιστότοπου - τη συνάφεια. Αυτό το άρθρο είναι αφιερωμένο στα βασικά στοιχεία της δημιουργίας φορμών HTML, στην επεξεργασία τους και στους τρόπους μεταφοράς δεδομένων από φόρμες οθόνης σε σενάρια PHP.</p> <h2>1) Δημιουργήστε μια απλή φόρμα</h2> <p>Ετικέτες <i><form> </i>Και <i></form> </i>ορίστε την αρχή και το τέλος της φόρμας. Ετικέτα φόρμας έναρξης <i><form> </i>περιέχει δύο χαρακτηριστικά: <i>δράση</i>Και <i>μέθοδος</i>. Το χαρακτηριστικό δράσης περιέχει <a href="https://olegshein.ru/el/battery-and-power-consumption/porty-v-pk-primenenie-v-url-adresah-raz-my-pci-ispolzuyutsya-dlya/">Διεύθυνση URL</a> script που πρέπει να κληθεί για να επεξεργαστεί το σενάριο. Χαρακτηριστικό <i>μέθοδος</i>λέει στο πρόγραμμα περιήγησης τι είδους <a href="https://olegshein.ru/el/error-itunes/generaciya-http-zaprosov-chto-takoe-http-zapros-http-soobshchenie/">Αίτημα HTTP</a>πρέπει να χρησιμοποιηθεί για την υποβολή της φόρμας· πιθανές τιμές <i>ΘΕΣΗ</i>Και <i>ΠΑΙΡΝΩ</i>.</p> <h2>Σχόλιο</h2> <p>Η κύρια διαφορά μεταξύ των μεθόδων POST και GET είναι ο τρόπος με τον οποίο μεταφέρονται οι πληροφορίες. ΣΕ <a href="https://olegshein.ru/el/applied/curl-metod-get-ne-rabotaet-curl-php-chto-eto-takoe-i-kak-im-polzovatsya-otpravit/">Μέθοδος GET</a>οι παράμετροι περνούν μέσω <a href="https://olegshein.ru/el/error-itunes/kak-prosmotret-zakrytyi-profil-v-kontakte-istoriya-statusov/">γραμμή διεύθυνσης</a>, δηλ. ουσιαστικά στην κεφαλίδα αιτήματος HTTP, ενώ στη μέθοδο POST οι παράμετροι μεταδίδονται μέσω του σώματος του αιτήματος HTTP και δεν αντικατοπτρίζονται με κανέναν τρόπο στη γραμμή διευθύνσεων.</p> <p> <form method="post" action="../admin/add_story.php"> </p> <p><?php <br>$text = nl2br($_POST["mytext"]); <br>?> </p> <p><b>Εργο:</b>Ας υποθέσουμε ότι πρέπει να δημιουργήσετε μια αναπτυσσόμενη λίστα με έτη από το 2000 έως το 2050. <br><b>Λύση:</b>Πρέπει να δημιουργήσετε μια φόρμα HTML με ένα στοιχείο SELECT και ένα σενάριο PHP για την επεξεργασία της φόρμας.</p><p><b>Συζήτηση:</b></p> <p>Αρχικά, ας δημιουργήσουμε δύο αρχεία: <b>form.html</b>Και <b>δράση.php</b>. Στο αρχείο <b>form.html</b>θα περιέχει μια φόρμα html με μια αναπτυσσόμενη λίστα. Επιπλέον, οι τιμές στη λίστα μπορούν να καθοριστούν με δύο τρόπους:</p> <h2>I. Χειροκίνητη εισαγωγή δεδομένων:</h2> <p> <select class="input" type=text name=years> <br><option value="2000">2000</option> <br><option value="2001">2001</option> <br><option value="2002">2002</option> <br>…………………………………………… <br><option value="2050">2050</option> <br></select> </p> <h2>II. Εισαγωγή δεδομένων μέσω βρόχου:</h2> <p> <select class="input" type=text name=years> <br><?php <br>$έτος = 2000 ; <br>για ($i = 0; $i<= 50 ; $i ++) <span>// Κύκλος από 0 έως 50 <br></span>{ <br>$new_years = $year + $i ; <span>// Σχηματίστε μια νέα τιμή <br></span>ηχώ " <option value=". $new_years.">" . $new_years ."</option>" ; <span>//Δημιουργήστε μια νέα γραμμή <br></span>} <br>?> <br></select> </p> <p>Όπως μπορείτε να δείτε, το δεύτερο παράδειγμα με βρόχο είναι πιο συμπαγές. Νομίζω ότι δεν χρειάζεται να παρέχετε το σενάριο χειριστή για αυτήν τη φόρμα, επειδή επεξεργάζεται ακριβώς όπως ένα πεδίο κειμένου, π.χ. Οι τιμές της λίστας μπορούν να ανακτηθούν από <a href="https://olegshein.ru/el/apps-and-books/neizmerimyi-page-server-pagename-superglobalnyi-massiv-server/">υπερσφαιρική συστοιχία</a> <i>$_POST</i>.</p> <p><b>Περιγραφή:</b></p> <p>Ας δημιουργήσουμε μια φόρμα HTML για να στείλουμε ένα αρχείο στον διακομιστή.</p> <p> <FORM ENCTYPE="multipart/form-data" ACTION="action.php" METHOD=POST> <br><INPUT NAME="myfile" TYPE="file"> <br><INPUT TYPE="submit" value="Μεταφορά αρχείου"> <br></FORM> </p> <p>Αυτή η φόρμα html περιέχει ένα στοιχείο <i>ξεφυλλίζω</i>, το οποίο ανοίγει ένα παράθυρο διαλόγου για την επιλογή ενός αρχείου για αποστολή στον διακομιστή. Όταν πατάτε το κουμπί <i>"Μεταφορά αρχείου"</i>, το αρχείο μεταβιβάζεται στο σενάριο χειριστή.</p> <p>Στη συνέχεια, πρέπει να γράψετε ένα σενάριο χειριστή <b>δράση.php</b>. Πριν γράψουμε το πρόγραμμα χειρισμού, πρέπει να αποφασίσουμε σε ποιον κατάλογο θα αντιγράψουμε το αρχείο:</p> <p><?php <br>if(isset($_FILES [ "myfile" ])) <span>// Εάν το αρχείο υπάρχει <br></span>{ <br>$catalog = "../image/" ; // Ο κατάλογός μας <br>if (is_dir($catalog)) <span>// Εάν υπάρχει τέτοιος κατάλογος <br></span>{ <br>$myfile = $_FILES [ "myfile" ][ "tmp_name" ]; <span>// Προσωρινό αρχείο <br></span>$myfile_name = $_FILES [ "myfile" ][ "name" ]; // Ονομα αρχείου <br>if(! copy ($myfile, $catalog)) echo <span>"Σφάλμα κατά την αντιγραφή αρχείου"</span>. $myfile_name <span>// Εάν η αντιγραφή του αρχείου απέτυχε <br></span>} <br>else mkdir ("../image/" ); <span>// Εάν δεν υπάρχει τέτοιος κατάλογος, θα τον δημιουργήσουμε <br></span>} <br>?> </p> <h2>Σχόλιο</h2> <p>Εάν εμπιστεύεστε τους χρήστες να ανεβάσουν αρχεία στον διακομιστή σας, πρέπει να είστε εξαιρετικά προσεκτικοί. Οι εισβολείς μπορούν να ενσωματώσουν "κακό" κώδικα σε μια εικόνα ή ένα αρχείο και να τον στείλουν στον διακομιστή. Σε τέτοιες περιπτώσεις, πρέπει να ελέγχετε αυστηρά τη λήψη των αρχείων.</p> <p><a href="https://olegshein.ru/el/contacts-and-messages/tehnologiya-bolshih-dannyh-i-primery-ee-primeneniya-aleksei-ryvkin-ob/">Αυτό το παράδειγμα</a>δείχνει τη δημιουργία ενός καταλόγου και την αντιγραφή ενός αρχείου σε αυτόν τον κατάλογο στον διακομιστή.</p> <p>Θα ήθελα επίσης να δείξω ένα παράδειγμα με το στοιχείο <i>πλαίσιο ελέγχου</i>. Αυτό το στοιχείο είναι ελαφρώς διαφορετικό από άλλα στοιχεία ως προς το αν όχι ένα από τα στοιχεία <i>πλαίσιο ελέγχου</i>Το «a δεν επιλέγεται, τότε η υπερσφαιρική μεταβλητή <i>$_POST</i>θα επιστρέψει κενή τιμή:</p> <p> <FORM ACTION="file.php" METHOD=POST> <br><input name="mycolor" type="checkbox" value="μπλε">Μπλε <br><input name="mycolor" type="checkbox" value="μαύρος">Μαύρος <br><input name="mycolor" type="checkbox" value="άσπρο">άσπρο <br><input name="Submit" type=submit value="Επιλέγω"> <br></FORM> </p> <p><?php <br>if (!empty($_POST [ "mycolor" ])) echo $_POST [ "mycolor" ]; <span>// Εάν έχει επιλεγεί τουλάχιστον 1 στοιχείο <br></span>άλλο ηχώ <span>"Επιλογή τιμής"</span>; <br>?> </p> <p>Καλημέρα, λάτρεις της ανάπτυξης ιστοσελίδων και όσοι θέλουν να δημιουργήσουν τη δική τους ιστοσελίδα. Πριν από αυτό, όλες μου οι δημοσιεύσεις ήταν αφιερωμένες στα βασικά στοιχεία της γλώσσας, στις μεθόδους δημιουργίας <a href="https://olegshein.ru/el/pots/fail-kak-edinica-hraneniya-informacii-na-kompyutere-atributy-hranenie/">διάφορα αντικείμενα</a>το περιεχόμενο, τη μορφοποίηση, τη διάρθρωσή τους κ.λπ. Έχοντας κατακτήσει τα προηγούμενα θέματα, μπορείτε ήδη να δημιουργήσετε έναν αρκετά καλό ιστότοπο. Ωστόσο, θα είναι ελλιπές χωρίς το σημερινό θέμα: «Δημιουργία φορμών σε html».</p> <p>Αυτό το τμήμα της γλώσσας είναι πολύ σημαντικό. Αφιερώστε λοιπόν χρόνο για να το μελετήσετε. <a href="https://olegshein.ru/el/malfunction/vybiraem-planshet-ili-na-chto-nuzhno-obratit-osoboe-vnimanie-pered-pokupkoi/">Ιδιαίτερη προσοχή</a>, διαφορετικά ο πόρος Ιστού που δημιουργήσατε δεν θα κυκλοφορήσει στην παραγωγή. Έτσι, αφού διαβάσετε το άρθρο, θα μάθετε για τι πρέπει να χρησιμοποιείτε φόρμες, ποιες ετικέτες χρησιμοποιούνται για τη δημιουργία τους και επίσης θα μπορείτε να δοκιμάσετε <a href="https://olegshein.ru/el/pots/aida-marketing-na-konkretnyh-primerah-primery-formuly-aida-v-reklame/">συγκεκριμένα παραδείγματα</a>στην πράξη. Ας αρχίσουμε!</p> <h2>Τι είναι μια φόρμα και πώς λειτουργεί;</h2> <blockquote> <p><b>Μορφή</b>– αυτό είναι ένα από τα πιο σημαντικά αντικείμενα, το οποίο προορίζεται για την ανταλλαγή δεδομένων πληροφοριών μεταξύ διακομιστή και χρήστη.</p> </blockquote> <p>Με απλά λόγια, εάν θέλετε να δημιουργήσετε ένα ηλεκτρονικό κατάστημα με δυνατότητα παραγγελίας προϊόντων στον ιστότοπο, να ζητήσετε εγγραφή σε έναν πόρο ιστού και να εργαστείτε με λογαριασμούς ή να παρέχετε στους πελάτες σχόλια από τους διαχειριστές εταιρειών, τότε δεν μπορείτε να κάνετε χωρίς φόρμες.</p> <blockquote> <p>Η φόρμα καθορίζεται χρησιμοποιώντας <a href="https://olegshein.ru/el/application/vse-elementy-paneli-upravleniya-centr-specialnyh-vozmozhnostei-nastroit/">ιδιαίτερο στοιχείο</a>γλώσσα html <b><form> </b>.</p> </blockquote> <p>Σημειώστε ότι το έγγραφο κώδικα μπορεί να περιέχει πολλές δηλώσεις ετικετών <b><form> </b>, ωστόσο, μόνο ένα αίτημα μπορεί να σταλεί στον διακομιστή για την επεξεργασία των δεδομένων. Γι' αυτό αναφέρονται οι πληροφορίες που εισάγει ο χρήστης στα πεδία που προβλέπονται για αυτό <a href="https://olegshein.ru/el/system-and-update/sovremennye-tendencii-v-web-dizaine-dopolnitelnye-effekty-primenimye-k/">διαφορετικές μορφές</a>, δεν πρέπει να εξαρτάται. Επίσης, δεν επιτρέπεται να φωλιάζουν μορφές η μία μέσα στην άλλη.</p> <p>Για όσους είναι ανυπόμονοι και θέλουν να ρίξουν γρήγορα μια ματιά στην αναπαράσταση του κώδικα, έχω επισυνάψει ένα απλό παράδειγμα χρήσης του πίνακα με <a href="https://olegshein.ru/el/battery-and-power-consumption/kak-v-vorde-vstavit-tekstovoe-pole-panel-instrumentov/">πεδίο κειμένου</a>για κωδικό πρόσβασης με κουμπί:</p> <table><tr><td class="line_numbers"> 1 2 3 4 5 6 7 8 9 10 11 12 </td><td class="code"> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Παράδειγμα</title> </head> <body> <form> <p><input name="pas" type="password"><input type="submit"></p> </form> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </td> </tr></table><p><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Παράδειγμα</title> </head> <body> <form> <p><input name="pas" type="password"><input type="submit"></p> </form> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html></p> <p>Ίσως τώρα δεν είναι πολύ σαφές τι και πώς αλληλεπιδρά σε αυτό <a href="https://olegshein.ru/el/battery-and-power-consumption/shema-s-ekranom-ot-nokia-1202-snyal-nebolshoe-video-raboty-programmy-poryadok/">μικρό πρόγραμμα</a>, ωστόσο, εγγυώμαι ότι αφού διαβάσετε ολόκληρο αυτό το άρθρο, θα μπορείτε να δημιουργήσετε εφαρμογές που είναι πολύ πιο περίπλοκες.</p> <h2>Αποστολή δεδομένων στην πλευρά του διακομιστή</h2> <p>Για να στείλετε τις πληκτρολογημένες (ή επιλεγμένες) πληροφορίες σε ένα παράθυρο διαλόγου, πρέπει να χρησιμοποιήσετε <a href="https://olegshein.ru/el/system-and-update/ispravit-sistemu-posle-virusa-sbros-nastroek-prefiksov/">τυπικός μηχανισμός</a> – <b>Κουμπί υποβολής</b>.</p> <blockquote> <p>Ο κώδικας για μια τέτοια μέθοδο μοιάζει με αυτό: <b><input type="submit"> </b></p> </blockquote> <p>Όταν εκτελείτε τη γραμμή που παρουσιάζεται, θα εμφανιστεί ένα κουμπί με την επιγραφή: "Υποβολή".</p> <p>Ένας άλλος τρόπος αποστολής δεδομένων στην πλευρά του διακομιστή είναι να πατήσετε το πλήκτρο Enter στο πλαίσιο διαλόγου.</p> <p>Μετά την επιβεβαίωση της αποστολής <a href="https://olegshein.ru/el/apps-and-books/zaregistrirovatsya-v-feisbuk-mobilnaya-versiya-registraciya-v/">καθορισμένες πληροφορίες</a>, δεν φτάνει αμέσως στον διακομιστή. Αρχικά, υποβάλλεται σε επεξεργασία από το πρόγραμμα περιήγησης, με αποτέλεσμα τη μορφή «όνομα=τιμή».</p> <p>Η παράμετρος χαρακτηριστικού είναι υπεύθυνη για το όνομα <b>τύπος</b>ετικέτα <b><input> </b>, και η τιμή είναι τα δεδομένα που εισάγει ο χρήστης. Στη συνέχεια, η συμβολοσειρά που έχει μετατραπεί μεταβιβάζεται στον χειριστή, ο οποίος καθορίζεται συχνότερα στο χαρακτηριστικό <b>δράση</b>στοιχείο <b><form> </b>.</p> <p>Μόνος μου <a href="https://olegshein.ru/el/oshibki-i-devajjsov/nasledovanie-shablonov-v-php-bez-ispolzovaniya-storonnih/">παράμετρος δράσης</a>δεν απαιτείται και σε ορισμένες περιπτώσεις δεν χρειάζεται καθόλου. Για παράδειγμα, εάν μια σελίδα ιστότοπου είναι γραμμένη με <a href="https://olegshein.ru/el/the-sounds-and-music/sozdanie-html-shablonov-s-ispolzovaniem-php-html-css-php-javascript-sql/">χρησιμοποιώντας php</a>ή js, τότε η επεξεργασία γίνεται στην τρέχουσα σελίδα και δεν χρειάζονται σύνδεσμοι.</p><p>Για καλύτερη κατανόηση της συνολικής εικόνας της λειτουργίας του ιστότοπου, θα ήθελα να προσθέσω ότι στον διακομιστή, τα δεδομένα υποβάλλονται σε επεξεργασία με χρήση άλλων γλωσσών. Ετσι, <a href="https://olegshein.ru/el/apps-and-books/web-programmirovanie-s-nulya-poshagovoe-rukovodstvo-kak/">γλώσσες από την πλευρά του διακομιστή</a>θεωρούνται: Python, php, γλώσσες τύπου C (C#, C, κ.λπ.), Java και άλλες.</p> <p>Τώρα θα ήθελα να σταματήσω και να μιλήσω περισσότερο για το στοιχείο <b><input> </b>. Αν εξηγήσεις <a href="https://olegshein.ru/el/oshibki-i-devajjsov/chto-takoe-bitcoin-prostym-yazykom-chto-takoe-bitkoin-prostymi-slovami-kak-on/">σε απλή γλώσσα</a>, Οτι <b><input> </b>απαιτείται για τη δημιουργία πεδίων κειμένου, κουμπιά επιλογής, διάφορα κουμπιά, κρυφά πεδία, πλαίσια ελέγχου και άλλα αντικείμενα.</p> <p>Η ετικέτα δεν χρειάζεται να συνδυαστεί με <b><form> </b>, ωστόσο, εάν είναι απαραίτητο να διεκπεραιωθεί <a href="https://olegshein.ru/el/contacts-and-messages/udalenie-bazy-dannyh-pochtovyh-yashchikov-podgotovka-polzovatelskih/">αναρτήσεις χρηστών</a>ή εισαγάγετε, για παράδειγμα, σε μια βάση δεδομένων, τότε δεν μπορείτε να κάνετε χωρίς κοντέινερ.</p> <p>Κύρια χαρακτηριστικά <a href="https://olegshein.ru/el/download/adding-data-structure-elements-from-the-java-file-java-working-with-files-writing-reading-deleting/">αυτού του στοιχείου</a>Γλώσσα <a href="https://olegshein.ru/el/error-itunes/vozmozhnosti-yazyka-gipertekstovoi-razmetki-html-yazyk-gipertekstovoi-razmetki-html5-struktura-i-osn/">σήμανση υπερκειμένου</a>είναι:</p> <ul><li><b>Κείμενο</b>– δημιουργεί ένα πεδίο κειμένου.</li> <li><b>υποβάλλουν</b>– δημιουργεί ένα κουμπί για την αποστολή δεδομένων στον διακομιστή.</li> <li><b>Εικόνα</b>– είναι υπεύθυνος για το κουμπί με την εικόνα.</li> <li><b>Επαναφορά</b>– ορίζει ένα κουμπί για εκκαθάριση της φόρμας.</li> <li><b>Κωδικός πρόσβασης</b>– ορίζει ένα πεδίο κειμένου ειδικά για κωδικούς πρόσβασης.</li> <li><b>Πλαίσιο ελέγχου</b>– υπεύθυνος για πεδία με πλαίσια ελέγχου.</li> <li><b>Ραδιόφωνο</b>– υπεύθυνος για πεδία με επιλογή ενός στοιχείου.</li> <li><b>Κουμπί</b>– δημιουργεί ένα κουμπί.</li> <li><b>Κρυμμένος</b>– χρησιμοποιείται για κρυφά πεδία.</li> <li><b>Αρχείο</b>– ορίζει το πεδίο που είναι υπεύθυνο για την αποστολή αρχείων.</li> </ul><h2>Μέθοδοι μετάδοσης πληροφοριών</h2> <p>Υπάρχουν 2 τρόποι μεταφοράς δεδομένων χρήστη στην πλευρά του διακομιστή: <b>Παίρνω</b>Και <b>Θέση</b>. Αυτές οι μέθοδοι εκτελούν την ίδια δράση, αλλά διαφέρουν σημαντικά μεταξύ τους. Επομένως, πριν αναφέρουμε κάποιο από αυτά, ας εξοικειωθούμε με τα χαρακτηριστικά τους.</p> <table><tbody><tr><td width="260"> </td> <td width="260">Θέση</td> <td width="260">Παίρνω</td> </tr><tr><td width="260">Μέγεθος εγγράφων που διαβιβάζονται</td> <td width="260">Περιορίζεται στην πλευρά του διακομιστή.</td> <td width="260">Μέγιστο – 4 KB.</td> </tr><tr><td width="260">Πώς εμφανίζονται οι πληροφορίες που αποστέλλονται</td> <td width="260">Διατίθεται μόνο όταν προβάλλεται μέσω επεκτάσεων προγράμματος περιήγησης ή άλλων ειδικών προϊόντων λογισμικού.</td> <td width="260">Άμεσα διαθέσιμο σε όλους.</td> </tr><tr><td width="260">Χρήση σελιδοδεικτών</td> <td width="260">Δεν υπάρχει τρόπος προσθήκης σε σελιδοδείκτες, καθώς τα αιτήματα δεν επαναλαμβάνονται (όλες οι σελίδες συνδέονται σε μία διεύθυνση).</td> <td width="260">Οποιαδήποτε σελίδα με αίτημα μπορεί να αποθηκευτεί ως σελιδοδείκτες και να επιστραφεί σε αυτήν αργότερα.</td> </tr><tr><td width="260">Προσωρινή αποθήκευση</td> <td width="260">Με βάση την προηγούμενη παράγραφο, όλα τα αιτήματα βρίσκονται σε μία σελίδα.</td> <td width="260">Κάθε σελίδα μπορεί να αποθηκευτεί στην κρυφή μνήμη ξεχωριστά.</td> </tr><tr><td width="260">Σκοπός</td> <td width="260">Χρησιμοποιείται για προώθηση <a href="https://olegshein.ru/el/instructions/large-files-on-a-usb-flash-drive-how-to-burn-large-files-on-a-usb-flash-drive/">μεγάλα αρχεία</a>(βιβλία, εικόνες, βίντεο κ.λπ.), μηνύματα, σχόλια.</td> <td width="260">Ιδανικό για αναζήτηση ζητούμενων τιμών σε έναν πόρο Ιστού ή για αποστολή σύντομων μηνυμάτων κειμένου.</td> </tr></tbody></table><p>Για να υποδείξετε ποια από τις δύο μεθόδους μεταφοράς δεδομένων πρέπει να χρησιμοποιήσει το πρόγραμμα περιήγησης, στο στοιχείο <b><form> </b>χρησιμοποιήστε την παρεχόμενη παράμετρο <b>μέθοδος</b>(Για παράδειγμα, <b>μέθοδος = "ανάρτηση"</b>).</p> <p><img src='https://i1.wp.com/romanchueshov.ru/wp-content/uploads/2016/07/prostaia-forma.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Ας δούμε το δεύτερο παράδειγμα. Ας δημιουργήσουμε μια φόρμα στην οποία πρέπει να εισάγετε τα προσωπικά σας δεδομένα (όνομα και επώνυμο, ημερομηνία γέννησης) και να δημιουργήσετε έναν κωδικό πρόσβασης. Στη συνέχεια τα στέλνουμε όλα αυτά στον διακομιστή χρησιμοποιώντας τη μέθοδο <b>Θέση</b>.</p> <p><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Μέθοδος POST</title> </head> <body> <p>Εισαγάγετε τα προσωπικά σας στοιχεία!</p> <form action="handler.php" method="post"> <p><input name="name" value = "Ονομα"> <input name="fam" value = "Επώνυμο"> <input type="date" name="calendar" value="2016-06-11" max="2016-07-31" min="2016-06-01"> <input type="password" name="pass" value = "Κωδικός πρόσβασης"> </p> <p><input type="submit"></p> </form> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html></p> <p>Για παράδειγμα, για να εισαγάγετε μια ημερομηνία, υπάρχουν διακόπτες για τον αριθμό κάθε παραμέτρου (ημέρα, μήνας και έτος), καθώς και ένα αναπτυσσόμενο πλαίσιο με το ίδιο το ημερολόγιο για ευκολία.</p> <h2>Δημιουργία πίνακα εγγραφής</h2> <p>Οι βασικές ετικέτες και τα χαρακτηριστικά έχουν καλυφθεί. Γι' αυτό ήρθε η ώρα να δημιουργήσετε μια πλήρη φόρμα εγγραφής χρησιμοποιώντας σήμανση σε στυλ css και επικυρώνοντας τα καταχωρημένα δεδομένα. Φυσικά ρίξτε μια ματιά <a href="https://olegshein.ru/el/applied/programma-kontentnoi-filtracii-internet-trafika-kontentnaya/">εργασία διακομιστή</a>δεν θα τα καταφέρουμε με αυτά, αλλά ο σχεδιασμός και <a href="https://olegshein.ru/el/reviews/hp-2520-ne-pechataet-chernymi-chernilami-printer-ili-mfu-hp-hewlett/">σημαντικές λεπτομέρειες</a>θα παρέχουμε.</p> <table><tr><td class="line_numbers"> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 </td><td class="code"> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Εγγραφή</title> <style> </style> </head> <body> <form> <fieldset> <legend>εγγραφή στον ιστότοπο</legend> <h4> </h4> <p>Ονομα: <input name="name" autofocus required ></p> <p>Επώνυμο: <input name="fam" required></p> <p>ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ: <input type="email" required></p> <p>Κωδικός πρόσβασης: <input type="password" name="pass" required></p> <p>Επαναλάβετε τον κωδικό πρόσβασης: <input type="password" name="pass" required></p> <p><input type="submit" value="Κανω ΕΓΓΡΑΦΗ"></p> </fieldset> </form> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </td> </tr></table><p><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Εγγραφή</title> <style> body { background-color:#98FB98; background-attachment: fixed; } form{ background-color:#AEEEEE; Color: #006400; font-size:15px; } h4 { color: red; text-align: center; } p { text-align: center; } input { Color: #006400; font-size:15px; border: 5px ridge #98FB98; background-color:#fff; } </style> </head> <body> <form> <fieldset> <legend>εγγραφή στον ιστότοπο</legend> <h4>Για επακόλουθη σωστή εργασία στην υπηρεσία μας, εισαγάγετε σωστά δεδομένα!</h4> <p>Ονομα: <input name="name" autofocus required ></p> <p>Επώνυμο: <input name="fam" required></p> <p>ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ: <input type="email" required></p> <p>Κωδικός πρόσβασης: <input type="password" name="pass" required></p> <p>Επαναλάβετε τον κωδικό πρόσβασης: <input type="password" name="pass" required></p> <p><input type="submit" value="Κανω ΕΓΓΡΑΦΗ"></p> </fieldset> </form> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html></p> <p>Σας συμβουλεύω να κάνετε οικονομία <a href="https://olegshein.ru/el/malfunction/dan-dvoichnyi-kod-8-cvetnogo-dvoichnyi-kod-vosmicvetnoi-palitry/">αυτόν τον κωδικό</a>προγράμματα σε ένα έγγραφο με την επέκταση .html και την κωδικοποίηση utf-8 και ανοίξτε την τελευταία σε ένα παράθυρο του προγράμματος περιήγησης. Θα δείτε έναν πίνακα εγγραφής σε όλο του το μεγαλείο με πεδία για την εισαγωγή του ονόματος, του επωνύμου, του e-mail και του επαναλαμβανόμενου κωδικού πρόσβασης. Παρατηρήστε ότι όταν ξεκινάτε τη σελίδα, ο δρομέας τοποθετείται αμέσως στο πρώτο πεδίο κειμένου. Αυτή η τεχνική επιτυγχάνεται μέσω της ιδιότητας <b>αυτόματη εστίαση</b>.</p> <p><img src='https://i0.wp.com/romanchueshov.ru/wp-content/uploads/2016/07/krasivai-forma.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Ξεκινήστε να συμπληρώνετε τα πεδία, αφήνοντας ένα αμετάβλητο και κάντε κλικ στο κουμπί «Εγγραφή». Όπως έχετε ήδη παρατηρήσει, η φόρμα δεν θα υποβληθεί, αφού κάθε στοιχείο <b>< </b><b>εισαγωγή></b>καθορισμένο χαρακτηριστικό <b>απαιτείται</b>. Ορίζει τα επισημασμένα πεδία ως υποχρεωτικά.</p> <p>Ενα ακόμα <a href="https://olegshein.ru/el/system-and-update/460-minut-v-chasah-kak-perevodit-minuty-v-chasy-i-naoborot-primery/">ενδιαφέρον σημείο</a>είναι ένδειξη τύπου <b>type = "email"</b>, που εμφανίστηκε στο . Όταν χρησιμοποιείτε αυτόν τον τύπο πεδίου, οι καταχωρημένες πληροφορίες ελέγχονται αυτόματα για ορθότητα. Σε περίπτωση σφαλμάτων, η φόρμα δεν αποστέλλεται στον διακομιστή.</p> <p>Η δημοσίευση λοιπόν έφτασε στο τέλος της. Σε αυτό προσπάθησα να συγκεντρώσω <a href="https://olegshein.ru/el/apps-and-books/asus-a88xm-a-maksimalnoe-kolichestvo-operativnoi-pamyati-obzor-materinskoi/">μέγιστο ποσό</a>σημαντικές και σχετικές γνώσεις σχετικά με τα έντυπα. Ελπίζω να σας ήταν χρήσιμο! Θα σας ήμουν πολύ ευγνώμων αν εγγραφείτε στις τάξεις των συνδρομητών μου και πείτε στους φίλους σας για το blog.</p> <p>Αντίο!</p> <p>Με εκτίμηση, Roman Chueshov</p> <p>Ανάγνωση: <b>333 φορές</b></p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> </div> </article> </div> </div> <div id="secondary"> <aside id="search-2" class="widget widget_search clearfix"> <form action="/" class="search-form searchform clearfix" method="get"> <div class="search-wrap"> <input type="text" placeholder="Αναζήτηση" class="s field" name="s"> <button class="search-icon" type="submit"></button> </div> </form> </aside> <aside id="recent-posts-2" class="widget widget_recent_entries clearfix"> <h3 class="widget-title"><span>Πρόσφατες καταχωρήσεις</span></h3> <ul> <li> <a href="https://olegshein.ru/el/security/blade-soul-zapuskaetsya-oshibka-1073-oshibki-blade-and-soul-i-sposoby-ih/">Σφάλματα Blade and Soul και πώς να τα διορθώσετε</a> </li> <li> <a href="https://olegshein.ru/el/security/kak-nastroit-monitor-dlya-pravilnoi-cvetoperedachi-s-pomoshchyu-po/">Οδηγίες: Βαθμονόμηση οθόνης φορητού υπολογιστή - προσαρμογή χρωματικής απόδοσης Κακή απόδοση χρώματος της οθόνης</a> </li> <li> <a href="https://olegshein.ru/el/security/pochemu-gnezdo-usb-ne-rabotaet-kak-otklyuchit-ili-vklyuchit-usb-porty-v/">Πώς να απενεργοποιήσετε ή να ενεργοποιήσετε τις θύρες USB στα Windows</a> </li> <li> <a href="https://olegshein.ru/el/contacts-and-messages/tipovye-neispravnosti-telefonov-lg-problemy-s-lg-g3-poprobuite-nashi-resheniya/">Τυπικές βλάβες των τηλεφώνων LG</a> </li> <li> <a href="https://olegshein.ru/el/download/igry-ispolzuyushchie-mnogopotochnost-primenenie-mnogopotochnosti-v/">Χρήση multithreading σε παιχνίδια</a> </li> <li> <a href="https://olegshein.ru/el/battery-and-power-consumption/kak-zapustit-mobilnye-igry-na-kompyutere-kak-poigrat-v/">Πώς να παίξετε παιχνίδια τηλεφώνου στον υπολογιστή σας</a> </li> <li> <a href="https://olegshein.ru/el/security/avtomatizaciya-turagentstva-vybiraem-oblachnuyu-crm-sistemu-the-tour--/">Η περιήγηση - Πρόγραμμα υπολογιστή GNU GPL για ταξιδιωτικά γραφεία και ταξιδιωτικά γραφεία Προγραμματίστε τον τουρισμό των εγγράφων μου</a> </li> <li> <a href="https://olegshein.ru/el/contacts-and-messages/bezymyannaya-papka-kak-sozdat-papku-bez-nazvaniya-i-bez-znachka/">Πώς να δημιουργήσετε ένα φάκελο χωρίς όνομα και χωρίς εικονίδιο</a> </li> </ul> </aside> <aside id="text-5" class="widget widget_text clearfix"> <div class="textwidget"> <script type="text/javascript" src="//vk.com/js/api/openapi.js?144"></script> <div id="vk_groups"></div> </div> </aside> <aside id="text-4" class="widget widget_text clearfix"> <div class="textwidget"> </div> </aside> <aside id="text-3" class="widget widget_text clearfix"> <div class="textwidget"> </div> </aside> </div> </div> </div> <footer id="colophon" class="clearfix"> <div class="footer-socket-wrapper clearfix"> <div class="inner-wrap"> <div class="footer-socket-area"> <div class="footer-socket-right-section"> </div> <div class="footer-socket-left-sectoin"> <div class="copyright">2024 <a href="https://olegshein.ru/el/" title="olegshein.ru"><span>olegshein.ru</span></a>. Λέσχη υπολογιστών του Oleg Shein. <br></div> </div> </div> </div> </div> </footer> <a href="#masthead" id="scroll-up"><i class="fa fa-chevron-up"></i></a> </div> <script type="text/javascript"> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar": "colormag_right_sidebar", "margin_top": 10, "margin_bottom": 0, "stop_id": "", "screen_max_width": 0, "screen_max_height": 0, "width_inherit": false, "refresh_interval": 1500, "window_load_hook": false, "disable_mo_api": false, "widgets": ['text-3'] }; </script> <script type="text/javascript"> (function(w, doc) { if (!w.__utlWdgt) { w.__utlWdgt = true; var d = doc, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset = 'UTF-8'; s.async = true; s.src = ('https:' == w.location.protocol ? 'https' : 'http') + '://w.uptolike.com/widgets/v1/uptolike.js'; var h = d[g]('body')[0]; h.appendChild(s); } })(window, document); </script> <div style="text-align:left;" data-lang="ru" data-url="/global-blue-vozvrat-tax-free-v-minske/" data-background-alpha="0.0" data-buttons-color="#FFFFFF" data-counter-background-color="#ffffff" data-share-counter-size="12" data-top-button="false" data-share-counter-type="common" data-share-style="1" data-mode="share" data-like-text-enable="false" data-mobile-view="true" data-icon-color="#ffffff" data-orientation="fixed-left" data-text-color="#000000" data-share-shape="round-rectangle" data-sn-ids="fb.vk.tw.ok.gp.ps.mr.ln." data-share-size="30" data-background-color="#ffffff" data-preview-mobile="false" data-mobile-sn-ids="fb.vk.ok.wh.vb." data-pid="cmsvpolshuby" data-counter-background-alpha="1.0" data-following-enable="false" data-exclude-show-more="true" data-selection-enable="true" class="uptolike-buttons"></div> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/pwebcontact/media/bootstrap-2.3.2/js/bootstrap.min.js?ver=2.3.2'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/pwebcontact/media/js/jquery.validate.min.js?ver=1.15.0'></script> <script type='text/javascript'> /* <![CDATA[ */ var pwebcontact_l10n = pwebcontact_l10n || {}; pwebcontact_l10n.form = { "INIT": "Initializing form...", "SENDING": "Sending...", "SEND_ERR": "Wait a few seconds before sending next message", "REQUEST_ERR": "Request error: ", "COOKIES_ERR": "Enable cookies and refresh page to use this form" }; /* ]]> */ </script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/pwebcontact/media/js/jquery.pwebcontact.min.js?ver=2.3.0'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/simple-tooltips/zebra_tooltips.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.5.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "visibility_show": "\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c", "visibility_hide": "\u0441\u043a\u0440\u044b\u0442\u044c", "width": "Auto" }; /* ]]> */ </script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/wp-cloudy/js/wp-cloudy-ajax.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/mistape/assets/js/modernizr.custom.js?ver=1.3.3'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/mistape/assets/js/mistape-front.js?ver=1.3.3'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/jquery.bxslider.min.js?ver=4.1.2'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/colormag-slider-setting.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/navigation.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/fitvids/jquery.fitvids.js?ver=20150311'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/fitvids/fitvids-setting.js?ver=20150311'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/easy-fancybox/fancybox/jquery.fancybox-1.3.8.min.js?ver=1.6.2'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/easy-fancybox/js/jquery.easing.min.js?ver=1.4.0'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/easy-fancybox/js/jquery.mousewheel.min.js?ver=3.1.13'></script> <div id="pwebcontact1" class="pwebcontact pweb-bottom pweb-offset-right pweb-slidebox pweb-theme-free pweb-labels-above pweb-horizontal" dir="ltr"> <div id="pwebcontact1_toggler" class="pwebcontact1_toggler pwebcontact_toggler pweb-closed pweb-theme-free"> <span class="pweb-text">Έχετε ερωτήσεις;</span> <span class="pweb-icon"></span> </div> <div id="pwebcontact1_box" class="pwebcontact-box pweb-slidebox pweb-theme-free pweb-labels-above pweb-horizontal pweb-init" dir="ltr"> <div class="pwebcontact-container-outset"> <div id="pwebcontact1_container" class="pwebcontact-container"> <div class="pwebcontact-container-inset"> <form name="pwebcontact1_form" id="pwebcontact1_form" class="pwebcontact-form" action="/" method="post" accept-charset="utf-8"> <div class="pweb-fields"> <div class="pweb-row"> <div> <div class="pweb-field-container pweb-field-name pweb-field-name"> <div class="pweb-label"> <label id="pwebcontact1_field-name-lbl" for="pwebcontact1_field-name">Ονομα</label> </div> <div class="pweb-field"> <div class="pweb-field-shadow"> <input type="text" name="fields[name]" id="pwebcontact1_field-name" autocomplete="on" class="pweb-input" value="" data-role="none"> </div> </div> </div> </div> </div> <div class="pweb-row"> <div> <div class="pweb-field-container pweb-field-email pweb-field-email"> <div class="pweb-label"> <label id="pwebcontact1_field-email-lbl" for="pwebcontact1_field-email">ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ <span class="pweb-asterisk">*</span> </label> </div> <div class="pweb-field"> <div class="pweb-field-shadow"> <input type="email" name="fields[email]" id="pwebcontact1_field-email" autocomplete="on" class="pweb-input required" value="" data-role="none"> </div> </div> </div> </div> </div> <div class="pweb-row"> <div> <div class="pweb-field-container pweb-field-textarea pweb-field-message"> <div class="pweb-label"> <label id="pwebcontact1_field-message-lbl" for="pwebcontact1_field-message">Μήνυμα <span class="pweb-asterisk">*</span> </label> </div> <div class="pweb-field"> <div class="pweb-field-shadow"> <textarea name="fields[message]" id="pwebcontact1_field-message" cols="50" rows="5" class="required" data-role="none">