أحلى أحلام

مرحبا بكم أخي الزائر أختي الزائرة.في منتدى أحلى أحلام
المرجوا منكم التعريف بأنفسكم كي تدخلوا للمنتدى معنا.
إن لم يكن لديكم حساب بعد.
نتشرف بدعوتكم لإنشائه كي تساهموا معنا ولكم جزيل الشكر.
إدارة المنتدى

انضم إلى المنتدى ، فالأمر سريع وسهل

أحلى أحلام

مرحبا بكم أخي الزائر أختي الزائرة.في منتدى أحلى أحلام
المرجوا منكم التعريف بأنفسكم كي تدخلوا للمنتدى معنا.
إن لم يكن لديكم حساب بعد.
نتشرف بدعوتكم لإنشائه كي تساهموا معنا ولكم جزيل الشكر.
إدارة المنتدى

أحلى أحلام

هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
أحلى أحلام

أهلا وسهلا بالعضو الجديد Omar Salman


شكري
التام لكل الأعضاء النشطين معنا...تقبلوا ودي
اااااا   أهلا وسهلا بكم وبجميع الزوار لمنتدانا أحلى أحلام شرفتم      وشكرا لكم

4 مشترك

    LES FORMULAIRE html/2

    zahar
    zahar
    عضوة مميزة
    عضوة مميزة


    انثى عدد الرسائل : 147
    العمر : 38
    السٌّمعَة : 0
    تاريخ التسجيل : 28/01/2008

    رسالة LES FORMULAIRE html/2

    مُساهمة من طرف zahar الثلاثاء فبراير 05, 2008 1:56 pm

    2.2. Commentaires



    · L'attribut "method" vous offre le choix entre get et post. La différence entre ces deux méthodes repose sur la façon dont les données seront transmises au serveur et exploitées par celui-ci. Avec le temps, la méthode post s'est imposée car elle apparaît plus efficace et permet le traitement d'une quantité plus importante de données.



    · L'attribut "action" spécifie l'adresse d'expédition des données.



    Dans le cas d'un traitement des données par une CGI, on spécifie le répertoire CGI du serveur et le nom de la CGI.

    <FORM method="post" action="http://www.serveur/cgi-bin/ma_cgi.pl">



    Dans le cas d'un envoi vers en adresse électronique (e-mail), on utilise le protocole mailto: suivi de l'adresse électronique de destinataire (généralement votre adresse e-mail).

    <FORM method="post" action="mailto:Vanlancker.Luc@ccim.be">

    (sans espace entre mailto: et l'adresse e-mail !)



    · L'attribut "enctype" (optionnel) spécifie l'encodage utilisé pour le contenu du formulaire. Ce paramètre ne peut être utilisé qu'accompagné par la méthode post. Ainsi enctype="text/plain" encode le contenu du formulaire en format texte lisible par le destinataire. Cette option est particulièrement adaptée à l'action du type mailto.



    · Il n'est pas inutile de prévoir l'attribut name="nom" si la page comporte plusieurs formulaires.



    · Attention !!! Je suis certain que, emporté par votre impatience à encoder les formulaires, vous allez oublier la balise de fin </FORM>. Dans ce cas, à la visualisation dans le navigateur, rien ne sera affiché.



    · Dans le cas de l'utilisation en interne des formulaires par du Javascript, les attributs method, action et enctype sont inutiles car on ne fait pas appel au serveur.



    3. Ligne de texte



    3.1. Définition



    INPUT type="text" indique un champ de saisie d'une seule ligne. C'est assurément le formulaire le plus simple à mettre en oeuvre :



    <FORM>

    <INPUT type="text" name="nom" size="50">

    </FORM>







    3.2. Commentaires



    · L'attribut name="nom du formulaire" est quasiment obligatoire car on n'utilise que rarement un seul formulaire. Le nom va identifier la chaîne de caractères du champ de saisie. De façon schématique, nom = (ce qui est introduit dans la ligne de texte).



    · L'attribut size (optionnel) définit la longueur du champ de saisie. Notons que l'on peut introduire un nombre de caractères plus élevé que celui de la longueur.



    · Il existe l'attribut maxlength="x" (optionnel) qui limite le nombre réel de caractères que l'on peut introduire dans le champ de saisie. La balise <INPUT> n'a pas de balise de fin.



    4. Zone de saisie



    4.1. Définition



    La balise <TEXTAREA></TEXTAREA> introduit une zone de texte multilignes et non plus une simple ligne de texte. La syntaxe est :



    <FORM>

    <TEXTAREA name="nom" rows=4 cols=40>Valeur par défaut</TEXTAREA>

    </FORM>







    4.2. Commentaires



    · L'attribut name permet de donner un nom au formulaire.



    · L'attribut rows=x détermine le nombre de lignes de la zone de texte.



    · L'attribut cols=y détermine le nombre de caractères visibles sur chaque ligne ou si vous préférez le nombre de colonnes.



    · L'attribut wrap (optionnel) détermine la façon dont les sauts de ligne seront traités lors d'un changement de ligne.



    * Avec wrap=virtual, les changements de lignes sont effectués automatiquement dans la zone de texte mais le tout sera transmis en une seule ligne.

    * Avec wrap=physical, les changements de lignes sont effectués automatiquement dans la zone de texte et ceux-ci sont également transmis.

    * Avec wrap=off, il n'y a aucun changement de ligne.



    · Attention !!! La balise <TEXTAREA> a une balise de fin, soit </TEXTAREA>.



    5. Liste déroulante



    5.1. Définition



    La balise <SELECT></SELECT> indique au browser l'usage d'une liste déroulante. Les éléments de la liste sont introduits par la balise <OPTION> ... (</OPTION> facultatif).



    <FORM>

    <SELECT name="nom" size="1">

    <OPTION>lundi

    <OPTION>mardi

    <OPTION>mercredi

    <OPTION>jeudi

    <OPTION>vendredi

    </SELECT>

    </FORM>







    Si vous cliquez sur la petite flèche vers le bas, vous obtiendrez la liste déroulante où on retrouve les éléments de la liste (<OPTION>).







    5.2. Commentaires



    · L'attribut name="nom" définit le nom du formulaire.



    · L'attribut size="x" détermine le nombre d'éléments de liste affiché dans la boite d'entrée. En fait, size="1" est optionnel car "1" est la valeur par défaut. Le même exemple avec size="3" donne :







    · On peut présélectionner l'élément affiché dans la boite d'entrée (par défaut, le premier élément de la liste sera retenu). On utilise pour ce faire l'attribut selected de la balise <OPTION>. Pour faire afficher d'entrée mercredi au lieu de lundi notre exemple devient :



    <FORM>

    <SELECT name="nom" size="1">

    <OPTION>lundi

    <OPTION>mardi

    <OPTION selected>mercredi

    <OPTION>jeudi

    <OPTION>vendredi

    </SELECT>

    </FORM>







    · La balise <SELECT> a un balise de fin </SELECT> tandis que le balise de fin </OPTION> est facultative.
    أحلام لبنان
    أحلام لبنان
    عضوة مميزة
    عضوة مميزة


    انثى عدد الرسائل : 1140
    العمر : 49
    العمل/الترفيه : محاسبة
    المزاج : الحمدلله بخير
    السٌّمعَة : 0
    تاريخ التسجيل : 18/12/2007

    الورقة الشخصية
    الطاقة: 10

    رسالة رد: LES FORMULAIRE html/2

    مُساهمة من طرف أحلام لبنان الأربعاء فبراير 06, 2008 2:39 pm

    ما شاء الله والله مجهود رائع وقييم

    الله ما يضيعلك تعب يا غالية
    abdelwadoude
    abdelwadoude
    أصدقاء أحلى أحلام
    أصدقاء أحلى أحلام


    ذكر عدد الرسائل : 2267
    العمر : 49
    الموقع : http://www.quranway.net/
    العمل/الترفيه : Infographiste Maquettiste
    المزاج : حامدا لله شاكرا له
    السٌّمعَة : 0
    تاريخ التسجيل : 17/12/2007

    الورقة الشخصية
    الطاقة:

    رسالة رد: LES FORMULAIRE html/2

    مُساهمة من طرف abdelwadoude الأربعاء فبراير 06, 2008 2:48 pm

    شكرا لك كثير زهر على نقل دروسك
    وخبرتك للأعضاء
    وأتمنى من لا يعرف اللغة الفرنسية ويتقن الإنجليزية يعمل
    لهذه الدروس ترجمة بواسطة محرك البحث كوكل كي يستفيد منها

    :ش1: تشجيع
    أنغام لبنان
    أنغام لبنان
    عضوة مميزة
    عضوة مميزة


    انثى عدد الرسائل : 2074
    العمر : 54
    العمل/الترفيه : قراءة وكتابة القصائد
    المزاج : الحمدلله دائما
    أعلام الدول : LES FORMULAIRE  html/2 Female66
    السٌّمعَة : 0
    تاريخ التسجيل : 15/01/2008

    الورقة الشخصية
    الطاقة: 10

    رسالة رد: LES FORMULAIRE html/2

    مُساهمة من طرف أنغام لبنان الأحد أغسطس 03, 2008 2:28 pm

    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

      الوقت/التاريخ الآن هو الخميس نوفمبر 14, 2024 3:49 am