Bonjour,
Je viens de créer un formulaire à partir d'un générateur trouvé sur le net. Je suis arrivé à faire quelques changements grace à un éditeur html, mais je ne parviens pas à faire certaines choses. Je suis novice et je galère.
1) Tout d'abord je voudrais que les champs en blanc soient gris (où on rempli)
2) Ensuite je voudrais que dans "Bemerkungen / Fragen" (qui signifie "remarques") la taille de la case soit assez grande pour contenir un mail entier.
3) Enfin je voudrais que lors de l'appui sur la touche "schiken" (= "envoyer") le mail arrive sur mon adresse (où la rentrer?)
Merci pour votre aide :-)
Voici le code html :
<script src="http://www.jotform.com/js/form.js?v2.0.836" type="text/javascript"></script>
<style type="text/css">
.tbmain{
/* Changes on the form */
background: black !important;
}
.left{
/* Changes on the form */
color: white !important;
font-family: Arial !important;
font-size: 12px !important;
}
.head{
color:#333333;
font-size:20px;;
text-decoration:underline;
font-family:"Arial";
}
td.left {
font-family:"Arial";
font-size:12px;
color:black;
}
.pagebreak{
font-family:"Arial";
font-size:12px;
color:black;
}
.tbmain{
height:100%;
background:white;
}
span.required{
font-size: 13px !important;
color: red !important;
}
div.backButton{
background: transparent url("
https://www.jotform.com//images/btn_back.gif ") no-repeat scroll 0 0;
height:16px;
width:53px;
float:left;
margin-bottom:15px;
padding-right:5px;
}
div.backButton:hover{
background: transparent url("
https://www.jotform.com//images/btn_back_over.gif ") no-repeat scroll 0 0;
}
div.backButton:active{
background: transparent url("
https://www.jotform.com//images/btn_back_down.gif ") no-repeat scroll 0 0;
}
div.nextButton{
background: transparent url("
https://www.jotform.com//images/btn_next.gif ") no-repeat scroll 0 0;
height:16px;
width:53px;
float: left;
margin-bottom:15px;
padding-right:5px;
}
div.nextButton:hover{
background: transparent url("
https://www.jotform.com//images/btn_next_over.gif ") no-repeat scroll 0 0;
}
div.nextButton:active{
background: transparent url("
https://www.jotform.com//images/btn_next_down.gif ") no-repeat scroll 0 0;
}
.pageinfo{
padding-right:5px;
margin-bottom:15px;
float:left;
}
</style>
<table width="100%" cellpadding="2" cellspacing="0" class="tbmain">
<tr><td class="topleft" width="10" height="10"> </td>
<td class="topmid"> </td>
<td class="topright" width="10" height="10"> </td>
</tr>
<tr>
<td class="midleft" width="10"> </td>
<td class="midmid" valign="top">
<form action="
https://www.jotform.com/submit.php " method="post" name="q_form_90270055181">
<input type="hidden" name="formID" value="90270055181" />
<div id="main">
<div class="pagebreak">
<input type="hidden" id="spc" name="spc" value="spc" />
<script type="text/javascript">
document.getElementById('spc').value = '67b95b30a7a6c495402c74d71e0ba1b4';
</script>
<table width="520" cellpadding="5" cellspacing="0">
<tr >
<td width="150" class="left" >
<label >Name</label>
</td>
<td class="right" >
<input type="text" size="33" name="q0_Name" class="text" value="" id="q0" maxlength="100" maxsize="100" />
</td>
</tr>
<tr >
<td width="150" class="left" >
<label >E-mail</label>
</td>
<td class="right" >
<input type="text" size="33" name="q2_Email" class="text" value="" id="q2" maxlength="100" maxsize="100" />
</td>
</tr>
<tr >
<td width="150" class="left" >
<label >Web Site</label>
</td>
<td class="right" >
<input type="text" size="33" name="q4_WebSite" class="text" value="" id="q4" maxlength="100" maxsize="100" />
</td>
</tr>
<tr >
<td width="150" class="left" valign="top" >
<label>Land</label>
</td>
<td class="right">
<select class="other" name="q6_Land" id="q6" >
<option></option>
<option>Abkhazia</option>
<option>Afghanistan</option>
<option>Aland</option>
<option>Albania</option>
<option>Algeria</option>
<option>American Samoa</option>
<option>Andorra</option>
<option>Angola</option>
<option>Anguilla</option>
<option>Antigua and Barbuda</option>
<option>Argentina Argentina</option>
<option>Armenia</option>
<option>Aruba</option>
<option>United Kingdom Ascension Island</option>
<option>Australia</option>
<option>Austria</option>
<option>Azerbaijan</option>
<option>The Bahamas</option>
<option>Bahrain</option>
<option>Bangladesh</option>
<option>Barbados</option>
<option>Belarus</option>
<option>Belgium</option>
<option>Belize</option>
<option>Benin</option>
<option>Bermuda</option>
<option>Bhutan</option>
<option>Bolivia</option>
<option>Bosnia and Herzegovina</option>
<option>Botswana</option>
<option>Brazil</option>
<option>Brunei</option>
<option>Bulgaria</option>
<option>Burkina Faso</option>
<option>Burundi</option>
<option>Cambodia</option>
<option>Cameroon</option>
<option>Canada</option>
<option>Cape Verde</option>
<option>Cayman Islands</option>
<option>Central African Republic</option>
<option>Chad</option>
<option>Chile</option>
<option>People's Republic of China</option>
<option>Republic of China</option>
<option>Christmas Island</option>
<option>Cocos (Keeling) Islands</option>
<option>Colombia</option>
<option>Comoros</option>
<option>Congo</option>
<option>Cook Islands</option>
<option>Costa Rica</option>
<option>Cote d'Ivoire</option>
<option>Croatia</option>
<option>Cuba</option>
<option>Cyprus</option>
<option>Czech Republic</option>
<option>Denmark</option>
<option>Djibouti</option>
<option>Dominica</option>
<option>Dominican Republic</option>
<option>Ecuador</option>
<option>Egypt</option>
<option>El Salvador</option>
<option>Equatorial Guinea</option>
<option>Eritrea</option>
<option>Estonia</option>
<option>Ethiopia</option>
<option>Falkland Islands</option>
<option>Faroe Islands</option>
<option>Fiji</option>
<option>Finland</option>
<option>France</option>
<option>French Polynesia</option>
<option>Gabon</option>
<option>The Gambia</option>
<option>Georgia</option>
<option>Germany</option>
<option>Ghana</option>
<option>Gibraltar</option>
<option>Greece</option>
<option>Greenland</option>
<option>Grenada</option>
<option>Guam</option>
<option>Guatemala</option>
<option>Guernsey</option>
<option>Guinea</option>
<option>Guinea-Bissau</option>
<option>Guyana Guyana</option>
<option>Haiti Haiti</option>
<option>Honduras</option>
<option>Hong Kong</option>
<option>Hungary</option>
<option>Iceland</option>
<option>India</option>
<option>Indonesia</option>
<option>Iran</option>
<option>Iraq</option>
<option>Ireland</option>
<option>Israel</option>
<option>Italy</option>
<option>Jamaica</option>
<option>Japan</option>
<option>Jersey</option>
<option>Jordan</option>
<option>Kazakhstan</option>
<option>Kenya</option>
<option>Kiribati</option>
<option>North Korea</option>
<option>South Korea</option>
<option>Kosovo</option>
<option>Kuwait</option>
<option>Kyrgyzstan</option>
<option>Laos</option>
<option>Latvia</option>
<option>Lebanon</option>
<option>Lesotho</option>
<option>Liberia</option>
<option>Libya</option>
<option>Liechtenstein</option>
<option>Lithuania</option>
<option>Luxembourg</option>
<option>Macau</option>
<option>Macedonia</option>
<option>Madagascar</option>
<option>Malawi</option>
<option>Malaysia</option>
<option>Maldives</option>
<option>Mali</option>
<option>Malta</option>
<option>Marshall Islands</option>
<option>Mauritania</option>
<option>Mauritius</option>
<option>Mayotte</option>
<option>Mexico</option>
<option>Micronesia</option>
<option>Moldova</option>
<option>Monaco</option>
<option>Mongolia</option>
<option>Montenegro</option>
<option>Montserrat</option>
<option>Morocco</option>
<option>Mozambique</option>
<option>Myanmar</option>
<option>Nagorno-Karabakh</option>
<option>Namibia</option>
<option>Nauru</option>
<option>Nepal</option>
<option>Netherlands</option>
<option>Netherlands Antilles</option>
<option>New Caledonia</option>
<option>New Zealand</option>
<option>Nicaragua</option>
<option>Niger</option>
<option>Nigeria</option>
<option>Niue</option>
<option>Norfolk Island</option>
<option>Turkish Republic of Northern Cyprus</option>
<option>Northern Mariana</option>
<option>Norway</option>
<option>Pakistan</option>
<option>Palau</option>
<option>Palestine</option>
<option>Panama</option>
<option>Papua New Guinea</option>
<option>Paraguay</option>
<option>Peru</option>
<option>Philippines</option>
<option>Pitcairn Islands</option>
<option>Poland</option>
<option>Portugal</option>
<option>Transnistria Pridnestrovie</option>
<option>Puerto Rico</option>
<option>Qatar</option>
<option>Romania</option>
<option>Russia</option>
<option>Rwanda</option>
<option>Saint Barthelemy</option>
<option>Saint Helena</option>
<option>Saint Kitts and Nevis</option>
<option>Saint Lucia</option>
<option>Saint Martin</option>
<option>Saint Pierre and Miquelon</option>
<option>Saint Vincent and the Grenadines</option>
<option>Samoa</option>
<option>San Marino</option>
<option>Saudi Arabia</option>
<option>Senegal</option>
<option>Serbia</option>
<option>Seychelles</option>
<option>Sierra Leone</option>
<option>Singapore</option>
<option>Slovakia</option>
<option>Slovenia</option>
<option>Solomon Islands</option>
<option>Somalia</option>
<option>Somaliland</option>
<option>South Africa</option>
<option>South Ossetia</option>
<option>Spain</option>
<option>Sri Lanka</option>
<option>Sudan</option>
<option>Suriname</option>
<option>Svalbard</option>
<option>Swaziland</option>
<option>Sweden</option>
<option>Switzerland</option>
<option>Syria</option>
<option>Tajikistan</option>
<option>Tanzania</option>
<option>Thailand</option>
<option>Timor-Leste</option>
<option>Togo</option>
<option>Tokelau</option>
<option>Tonga</option>
<option>Trinidad and Tobago</option>
<option>Tristan da Cunha</option>
<option>Tunisia</option>
<option>Turkey</option>
<option>Turkmenistan</option>
<option>Turks and Caicos Islands</option>
<option>Tuvalu</option>
<option>Uganda</option>
<option>Ukraine</option>
<option>United Arab Emirates</option>
<option>United Kingdom</option>
<option>United States</option>
<option>Uruguay</option>
<option>Uzbekistan</option>
<option>Vanuatu</option>
<option>Vatican City</option>
<option>Venezuela</option>
<option>Vietnam</option>
<option>British Virgin Islands</option>
<option>US Virgin Islands</option>
<option>Wallis and Futuna</option>
<option>Western Sahara</option>
<option>Yemen</option>
<option>Zambia</option>
<option>Zimbabwe</option>
</select>
</td>
</tr>
<tr >
<td width="150" class="left" >
<label >Bemerkungen / Fragen</label>
</td>
<td class="right" >
<input type="text" size="33" name="q8_BemerkungenFragen" class="text" value="" id="q8" maxlength="100" maxsize="100" />
</td>
</tr>
<tr >
<td width="150" class="left" >
</td>
<td class="right">
<input type="submit" class="btn" value="Schicken" />
</td>
</tr>
</table>
</div>
</div>
</form>
</td>
<td class="midright" width="10"> </td>
</tr>
<tr>
<td class="bottomleft" width="10" height="10"> </td>
<td class="bottommid"> </td>
<td class="bottomright" width="10" height="10"> </td>
</tr>
</table>
<script type="text/javascript">
validate("q_form_90270055181");
</script>
Afficher la suite
