יצירת "צור קשר" או טופס מילוי

פורסם 2007 באוגוסט 2517 שנים

איך אני יוצר טופס צור קשר/מילוי פרטים כמו אלה למשל:

http://www.inn.co.il/More/ActivePage.aspx/Contact

או

http://www.jcpa.org.il/JCPA/Templates/ShowPage.asp?DBID=1&LNGID=2&TMID=10000&FID=131

הטופס שלי צריך להיות ממש פשוט ללא שדות חובה בגלל שאחרי כל לחיצה על "שלח" יוביל לHTML שכתו בו תגובתכם התקבלה או משהו בסגנון

ציטוט

פורסם 2007 באוגוסט 2517 שנים

בניתי לך טופס קטן, תלמד אותו ותשנה אותו כרצונך.

חפש את השם שלך בטופס, שם תוכל להוסיף את האי-מייל האמיתי שלך.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/url]
<html xmlns="[url]http://www.w3.org/1999/xhtml"[/url] >
<head>
  <title>Heat-Sink Form</title>
  <style type="text/css">
    .style1
    {
      width: 120px;
    }
    #Select1
    {
      width: 50px;
    }
    #Select2
    {
      width: 50px;
    }
    #reg_phone_area_code
    {
      width: 49px;
    }
  </style>
</head>
<body dir="rtl"><p style="text-align:center;font-size:xx-large;color:Gray">צור קשר</p>
<form action="mailto:heat-sink@whatever.com?cc=&bcc=&subject=טופס יצירת קשר" method="post" enctype="text/plain">
  <table style="width:100%;">
    <tr>
      <td class="style1">
        שם פרטי:</td>
      <td>
        <input id="first_name" type="text" /></td>
    </tr>
    <tr>
      <td class="style1">
        שם משפחה:</td>
      <td>
        <input id="last_name" type="text" /></td>
    </tr>
    <tr>
      <td class="style1">
        עיר:</td>
      <td>
        <input id="city" type="text" /></td>
    </tr>
    <tr>
      <td class="style1">
        דואר אלקטרוני:</td>
      <td>
        <input id="e-mail" type="text" /></td>
    </tr>
    <tr>
      <td class="style1">
        טלפון:</td>
      <td>
        <input id="reg_phone_number" type="text" /><select id="reg_phone_area_code" name="reg_phone_area_code">
          <option value="02" >02</option>
          <option value="03">03</option>
          <option value="04">04</option>
          <option value="08">08</option>
          <option value="09">09</option>
        </select></td>
    </tr>
    <tr>
      <td class="style1">
        פלאפון:</td>
      <td>
        <input id="cell_phone_number" type="text" /><select id="cellPhone_area_code" name="cellPhone_area_code">
          <option value="050" >050</option>
          <option value="052">052</option>
          <option value="054">054</option>
          <option value="057">057</option>
        </select></td>
    </tr>
    <tr>
      <td class="style1">
         </td>
      <td>
        <input id="submit" type="submit" value="שלח" /></td>
    </tr>
  </table>
  </form>
</body>
</html>