Modification formulaire html [Fermé]

Signaler
Messages postés
195
Date d'inscription
dimanche 27 juillet 2008
Statut
Membre
Dernière intervention
29 janvier 2010
-
Nitrox06
Messages postés
195
Date d'inscription
dimanche 27 juillet 2008
Statut
Membre
Dernière intervention
29 janvier 2010
-
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>

3 réponses

Messages postés
195
Date d'inscription
dimanche 27 juillet 2008
Statut
Membre
Dernière intervention
29 janvier 2010
11
Personne?
Messages postés
553
Date d'inscription
lundi 5 novembre 2007
Statut
Membre
Dernière intervention
9 juillet 2013
119
Ah non c'est bon,
Pour info, avec un formulaire comme celui ci, sa donne pas trop envie d'essayer de le modifier, as tu vu sa taille ?
Quelles sont les erreurs ?
Dis-nous en un peu plus
Messages postés
5374
Date d'inscription
dimanche 3 février 2008
Statut
Membre
Dernière intervention
13 février 2017
870
Bonjour:

1- pour colorer le fond des <input

si tu veux qu'ils soient tous colorés rajoutes dans la partie <style


input {
background-color:#A6BEDE; //tu cherches le code couleur qui t'intéresse
}


si tu n'en veux que certains

alors tu modifies les input concernés en rajoutant class=
ex:
<input type="...." name="...." class="input_colore" value".....">


et dans le style au lieu de rajouter input{ etc..

tu rajoutes:


.input_colore{
background-color:#A6BEDE; //tu cherches le code couleur qui t'intéresse
}



2 - pour ton autre question pour avoir une grande zone de saisi, tu remplace <input

par un textarea

<textarea name="...." rows="20" cols="65" class="....."></textarea>


3- pour envoyer le mail

dans la balise <form remplace action="http://....."

par action="mailto:xxxxx@yyyyy.zzz"
Nitrox06
Messages postés
195
Date d'inscription
dimanche 27 juillet 2008
Statut
Membre
Dernière intervention
29 janvier 2010
11
Merci infiniment pour le temps que tu as consacré à me répondre, je vais essayer tout ça et t'en dire des nouvelles, je vous souhaite à tous une très bonne journée.