السبت، 1 يوليو 2017

التعامل مع النماذج فى لغة HTML - الجزء الرابع

التعامل مع النماذج فى لغة HTML - الجزء الرابع

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

*Submit Button Form

- تستخدم هذه النوعية من النماذج لارسال بيانات النموذج الي السيرفر.

كود HTML:


<html>

<head>

<title>Submit Button Form Example</title>

</head>

<body>
<form action="http://www.e4ws.com/Subscribe.php">
<p> Subscribe to our emil List:
<br />
<input type="text" name="email" />
<input type="submit" name="subscribe" value="Subscribe" />
</form>
</body>
</html>

نتيجة الكود: 

* Image Button Form

تستخدم كما فى Submit Button Form و لكن يتم استبادل زر الارسال بصورة.

كود HTML:


<html>
<head>
<title>Image Button Form Example</title>
</head>
<body>
<form action="http://www.e4ws.com/Subscribe.php">
<p> Subscribe to our emil List:
<br />
<input type="text" name="email" />
<input type="image" src="http://up.traidnt.net/img/wFaKRJ.png" width="100" height="25"  />
</form>
</body>
</html>

نتيجة الكود: 

* File Input Box

- تستخدم هذه النوعية من النماذج للسماح للزائرين برفع صور او ملفات للموقع.

كود HTML:


<html>
<head>
<title>File Input Box Form Example</title>
</head>
<body>
<form action="http://www.e4ws.com/upload.php" method="post">
<p> Please Upload Your Photo:
<br />
<input type="file" name="Photo" />
<input type="submit" value="Upload" />
</form>
</body>
</html>

نتيجة الكود: 


0 التعليقات

إرسال تعليق