Auto Capitalisation

  • Profile Image
    Asked on June 12, 2011 at 02:28 AM

    I was just woundering if auto capitalisation was on the cards.

    i.e First letter of each word in upper case = jotform = Jotform or JOTFORM = Jotform ;-)




  • Profile Image
    Answered on June 12, 2011 at 02:40 AM

    Hi Shaun,

    Thanks for your feedback. It will be good to have a feature like auto-capitalization that's bulit into JotForm. However, taking into consideration the variety of users, languages, and purposes that JotForm forms are supporting, it is something that isn't in place at the moment. We'll include this in our to do list but we can't provide a delivery date or ETA for now. We appreciate your ideas though, and please share it with us if you have other suggestions in mind.


  • Profile Image
    Answered on June 12, 2011 at 03:17 AM

    Hello Shaun,

    CSS has a feature for this one.  You can use these CSS functions:

    text-transform: uppercase;


    text-transform: lowercase;

    Ex: this returns all texts in lower caps

    text-transform: capitalize;

    Ex: This One Sets Capitalization In Every Starting Letter Of The Word

    These CSS functions are also applicable for text input. So you can simply find the ID or class of the field that you wish use this with and insert it in your CSS injection.  If you can provide us with more details on where you want to use this, it would be more helpful.

    If you have other questions or concerns, please let us know.  We'd be happy to assist.



  • Profile Image
    Answered on June 12, 2011 at 04:32 AM

    Thanks for the info

    This is the current coding 




    <script src="" type="text/javascript"></script>

    <script type="text/javascript">



          $('input_107').hint(' Ms');

          $('input_68').hint('New Name ');

          JotForm.description('input_68', 'Your New Full Name<br />Nothing Vulgar or<br />Frivolous<br />');

          $('input_108').hint(' Mrs');

          $('input_69').hint('Current Name');

          JotForm.description('input_69', 'Your Current Name/Birth Name<br />Dont forget a middle name(s) or you wont be able to update your passport');


          JotForm.description('input_92', 'a incorrect DOB will deem your deed poll invalid');

          $('input_14').hint('0800 612 48 76');

          JotForm.description('input_14', 'This field is optional');


          $('input_99').hint('WR2 6NY');

          $('input_78').hint(' NO PO BOX NUMBERS SORRY');

          JotForm.description('input_78', 'A Alternative Delivery Address');


          JotForm.description('input_81', 'I\'d like you to address the envelope as..');


          JotForm.description('input_94', 'This is the date you have been known or intend to be known as your new name.');


          $('input_51').hint('Type in your name all is correct');

          JotForm.description('input_51', 'All is true and correct<br />The sign date is correct<br />All the spellings are correct<br />Check your DOB is Correct<br />( PLEASE DOUBLE CHECK )<br />');




    <link type="text/css" rel="stylesheet" target="_blank" href="" rel="nofollow noopener"/>

    <link type="text/css" rel="stylesheet" target="_blank" href="" />

    <style type="text/css">


            width:160px !important;



            width:160px !important;






            width:160px !important;





            color:rgb(82, 75, 58) !important;




        /* Injected CSS Code */

    Adult Deed Poll

        /* Injected CSS Code */



    <form class="jotform-form" action="" method="post" name="form_11560245214" id="11560245214" accept-charset="utf-8">

        <input type="hidden" name="formID" value="11560245214" />

        <div class="form-all">

            <ul class="form-section">

                <li class="form-line" id="id_116">

                    <div id="cid_116" class="form-input-wide">

                        <img alt="" class="form-image" border="0" src="" height="52" width="178" />



                <li class="form-line" id="id_109">

                    <div id="cid_109" class="form-input-wide">

                        <div style="text-align:center;">

                            <img alt="" class="form-image" border="0" src="" height="75" width="75" />




                <li class="form-line" id="id_107">

                    <label class="form-label-left" id="label_107" for="input_107">

                        New Title<span class="form-required">*</span>


                    <div id="cid_107" class="form-input"><span class="form-sub-label-container"><input type="text" class="form-textbox validate[required]" id="input_107" name="q107_newTitle107" size="5" />

                            <label class="form-sub-label" for="input_107"> Title </label></span>



                <li class="form-line" id="id_68">

                    <label class="form-label-left" id="label_68" for="input_68">

                        New Full Name<span class="form-required">*</span>


                    <div id="cid_68" class="form-input"><span class="form-sub-label-container"><input type="text" class="form-textbox validate[required]" id="input_68" name="q68_newFull" size="50" maxlength="100" />

                            <label class="form-sub-label" for="input_68"> New Name Request </label></span>



                <li class="form-line" id="id_108">

                    <label class="form-label-left" id="label_108" for="input_108">

                        Current Ttle<span class="form-required">*</span>


                    <div id="cid_108" class="form-input"><span class="form-sub-label-container"><input type="text" class="form-textbox validate[required]" id="input_108" name="q108_currentTtle" size="5" />

                            <label class="form-sub-label" for="input_108"> Current Title </label></span>



                <li class="form-line" id="id_69">

                    <label class="form-label-left" id="label_69" for="input_69">

                        Current Full Name<span class="form-required">*</span>


                    <div id="cid_69" class="form-input"><span class="form-sub-label-container"><input type="text" class="form-textbox validate[required]" id="input_69" name="q69_currentFull" size="50" maxlength="100" />

                            <label class="form-sub-label" for="input_69"> Previous Name </label></span>



                <li class="form-line" id="id_92">

                    <label class="form-label-left" id="label_92" for="input_92"> Birth Date </label>

                    <div id="cid_92" class="form-input"><span class="form-sub-label-container"><input class="noDefault form-textbox" id="day_92" name="q92_birthDate92[day]" type="text" size="2" maxlength="2" value="" />


                            <label class="form-sub-label" for="day_92" id="sublabel_day"> Day </label></span><span class="form-sub-label-container"><input class="form-textbox" id="month_92" name="q92_birthDate92[month]" type="text" size="2" maxlength="2" value="" />


                            <label class="form-sub-label" for="month_92" id="sublabel_month"> Month </label></span><span class="form-sub-label-container"><input class="form-textbox" id="year_92" name="q92_birthDate92[year]" type="text" size="4" maxlength="4" value="" />

                            <label class="form-sub-label" for="year_92" id="sublabel_year"> Year </label></span><span class="form-sub-label-container"><img alt="Pick a Date" id="input_92_pick" src="//" align="absmiddle" />

                            <label class="form-sub-label" for="input_92_pick"> &nbsp;&nbsp;&nbsp; </label></span>



                <li class="form-line" id="id_82">

                    <label class="form-label-left" id="label_82" for="input_82">

                        Birth Country<span class="form-required">*</span>


                    <div id="cid_82" class="form-input"><span class="form-sub-label-container"><select class="form-dropdown validate[required]" style="width:150px" id="input_82" name="q82_birthCountry">

                                <option>  </option>

                                <option value="United States"> United States </option>

                                <option value="Abkhazia"> Abkhazia </option>

                                <option value="Afghanistan"> Afghanistan </option>

                                <option value="Albania"> Albania </option>

                                <option value="Algeria"> Algeria </option>

                                <option value="American Samoa"> American Samoa </option>

                                <option value="Andorra"> Andorra </option>

                                <option value="Angola"> Angola </option>

                                <option value="Anguilla"> Anguilla </option>

                                <option value="Antigua and Barbuda"> Antigua and Barbuda </option>

                                <option value="Argentina"> Argentina </option>

                                <option value="Armenia"> Armenia </option>

                                <option value="Aruba"> Aruba </option>

                                <option value="Australia"> Australia </option>

                                <option value="Austria"> Austria </option>

                                <option value="Azerbaijan"> Azerbaijan </option>

                                <option value="The Bahamas"> The Bahamas </option>

                                <option value="Bahrain"> Bahrain </option>

                                <option value="Bangladesh"> Bangladesh </option>

                                <option value="Barbados"> Barbados </option>

                                <option value="Belarus"> Belarus </option>

                                <option value="Belgium"> Belgium </option>

                                <option value="Belize"> Belize </option>

                                <option value="Benin"> Benin </option>

                                <option value="Bermuda"> Bermuda </option>

                                <option value="Bhutan"> Bhutan </option>

                                <option value="Bolivia"> Bolivia </option>

                                <option value="Bosnia and Herzegovina"> Bosnia and Herzegovina </option>

                                <option value="Botswana"> Botswana </option>

                                <option value="Brazil"> Brazil </option>

                                <option value="Brunei"> Brunei </option>

                                <option value="Bulgaria"> Bulgaria </option>

                                <option value="Burkina Faso"> Burkina Faso </option>

                                <option value="Burundi"> Burundi </option>

                                <option value="Cambodia"> Cambodia </option>

                                <option value="Cameroon"> Cameroon </option>

                                <option value="Canada"> Canada </option>

                                <option value="Cape Verde"> Cape Verde </option>

                                <option value="Cayman Islands"> Cayman Islands </option>

                                <option value="Central African Republic"> Central African Republic </option>

                                <option value="Chad"> Chad </option>

                                <option value="Chile"> Chile </option>

                                <option value="People's Republic of China"> People's Republic of China </option>

                                <option value="Republic of China"> Republic of China </option>

                                <option value="Christmas Island"> Christmas Island </option>

                                <option value="Cocos (Keeling) Islands"> Cocos (Keeling) Islands </option>

                                <option value="Colombia"> Colombia </option>

                                <option value="Comoros"> Comoros </option>

                                <option value="Congo"> Congo </option>

                                <option value="Cook Islands"> Cook Islands </option>

                                <option value="Costa Rica"> Costa Rica </option>

                                <option value="Cote d'Ivoire"> Cote d'Ivoire </option>

                                <option value="Croatia"> Croatia </option>

                                <option value="Cuba"> Cuba </option>

                                <option value="Cyprus"> Cyprus </option>

                                <option value="Czech Republic"> Czech Republic </option>

                                <option value="Denmark"> Denmark </option>

                                <option value="Djibouti"> Djibouti </option>

                                <option value="Dominica"> Dominica </option>

                                <option value="Dominican Republic"> Dominican Republic </option>

                                <option value="Ecuador"> Ecuador </option>

                                <option value="Egypt"> Egypt </option>

                                <option value="El Salvador"> El Salvador </option>

                                <option value="Equatorial Guinea"> Equatorial Guinea </option>

                                <option value="Eritrea"> Eritrea </option>

                                <option value="Estonia"> Estonia </option>

                                <option value="Ethiopia"> Ethiopia </option>

                                <option value="Falkland Islands"> Falkland Islands </option>

                                <option value="Faroe Islands"> Faroe Islands </option>

                                <option value="Fiji"> Fiji </option>

                                <option value="Finland"> Finland </option>

                                <option value="France"> France </option>

                                <option value="French Polynesia"> French Polynesia </option>

                                <option value="Gabon"> Gabon </option>

                                <option value="The Gambia"> The Gambia </option>

                                <option value="Georgia"> Georgia </option>

                                <option value="Germany"> Germany </option>

                                <option value="Ghana"> Ghana </option>

                                <option value="Gibraltar"> Gibraltar </option>

                                <option value="Greece"> Greece </option>

                                <option value="Greenland"> Greenland </option>

                                <option value="Grenada"> Grenada </option>

                                <option value="Guam"> Guam </option>

                                <option value="Guatemala"> Guatemala </option>

                                <option value="Guernsey"> Guernsey </option>

                                <option value="Guinea"> Guinea </option>

                                <option value="Guinea-Bissau"> Guinea-Bissau </option>

                                <option value="Guyana Guyana"> Guyana Guyana </option>

                                <option value="Haiti Haiti"> Haiti Haiti </option>

                                <option value="Honduras"> Honduras </option>

                                <option value="Hong Kong"> Hong Kong </option>

                                <option value="Hungary"> Hungary </option>

                                <option value="Iceland"> Iceland </option>

                                <option value="India"> India </option>

                                <option value="Indonesia"> Indonesia </option>

                                <option value="Iran"> Iran </option>

                                <option value="Iraq"> Iraq </option>

                                <option value="Ireland"> Ireland </option>

                                <option value="Israel"> Israel </option>

                                <option value="Italy"> Italy </option>

                                <option value="Jamaica"> Jamaica </option>

                                <option value="Japan"> Japan </option>

                                <option value="Jersey"> Jersey </option>

                                <option value="Jordan"> Jordan </option>

                                <option value="Kazakhstan"> Kazakhstan </option>

                                <option value="Kenya"> Kenya </option>

                                <option value="Kiribati"> Kiribati </option>

                                <option value="North Korea"> North Korea </option>

                                <option value="South Korea"> South Korea </option>

                                <option value="Kosovo"> Kosovo </option>

                                <option value="Kuwait"> Kuwait </option>

                                <option value="Kyrgyzstan"> Kyrgyzstan </option>

                                <option value="Laos"> Laos </option>

                                <option value="Latvia"> Latvia </option>

                                <option value="Lebanon"> Lebanon </option>

                                <option value="Lesotho"> Lesotho </option>

                                <option value="Liberia"> Liberia </option>

                                <option value="Libya"> Libya </option>

                                <option value="Liechtenstein"> Liechtenstein </option>

                                <option value="Lithuania"> Lithuania </option>

                                <option value="Luxembourg"> Luxembourg </option>

                                <option value="Macau"> Macau </option>

                                <option value="Macedonia"> Macedonia </option>

                                <option value="Madagascar"> Madagascar </option>

                                <option value="Malawi"> Malawi </option>

                                <option value="Malaysia"> Malaysia </option>

                                <option value="Maldives"> Maldives </option>

                                <option value="Mali"> Mali </option>

                                <option value="Malta"> Malta </option>

                                <option value="Marshall Islands"> Marshall Islands </option>

                                <option value="Mauritania"> Mauritania </option>

                                <option value="Mauritius"> Mauritius </option>

                                <option value="Mayotte"> Mayotte </option>

                                <option value="Mexico"> Mexico </option>

                                <option value="Micronesia"> Micronesia </option>

                                <option value="Moldova"> Moldova </option>

                                <option value="Monaco"> Monaco </option>

                                <option value="Mongolia"> Mongolia </option>

                                <option value="Montenegro"> Montenegro </option>

                                <option value="Montserrat"> Montserrat </option>

                                <option value="Morocco"> Morocco </option>

                                <option value="Mozambique"> Mozambique </option>

                                <option value="Myanmar"> Myanmar </option>

                                <option value="Nagorno-Karabakh"> Nagorno-Karabakh </option>

                                <option value="Namibia"> Namibia </option>

                                <option value="Nauru"> Nauru </option>

                                <option value="Nepal"> Nepal </option>

                                <option value="Netherlands"> Netherlands </option>

                                <option value="Netherlands Antilles"> Netherlands Antilles </option>

                                <option value="New Caledonia"> New Caledonia </option>

                                <option value="New Zealand"> New Zealand </option>

                                <option value="Nicaragua"> Nicaragua </option>

                                <option value="Niger"> Niger </option>

                                <option value="Nigeria"> Nigeria </option>

                                <option value="Niue"> Niue </option>

                                <option value="Norfolk Island"> Norfolk Island </option>

                                <option value="Turkish Republic of Northern Cyprus"> Turkish Republic of Northern Cyprus </option>

                                <option value="Northern Mariana"> Northern Mariana </option>

                                <option value="Norway"> Norway </option>

                                <option value="Pakistan"> Pakistan </option>

                                <option value="Palau"> Palau </option>

                                <option value="Palestine"> Palestine </option>

                                <option value="Panama"> Panama </option>

                                <option value="Papua New Guinea"> Papua New Guinea </option>

                                <option value="Paraguay"> Paraguay </option>

                                <option value="Peru"> Peru </option>

                                <option value="Philippines"> Philippines </option>

                                <option value="Pitcairn Islands"> Pitcairn Islands </option>

                                <option value="Poland"> Poland </option>

                                <option value="Portugal"> Portugal </option>

                                <option value="Transnistria Pridnestrovie"> Transnistria Pridnestrovie </option>

                                <option value="Puerto Rico"> Puerto Rico </option>

                                <option value="Qatar"> Qatar </option>

                                <option value="Romania"> Romania </option>

                                <option value="Russia"> Russia </option>

                                <option value="Rwanda"> Rwanda </option>

                                <option value="Saint Barthelemy"> Saint Barthelemy </option>

                                <option value="Saint Helena"> Saint Helena </option>

                                <option value="Saint Kitts and Nevis"> Saint Kitts and Nevis </option>

                                <option value="Saint Lucia"> Saint Lucia </option>

                                <option value="Saint Martin"> Saint Martin </option>

                                <option value="Saint Pierre and Miquelon"> Saint Pierre and Miquelon </option>

                                <option value="Saint Vincent and the Grenadines"> Saint Vincent and the Grenadines </option>

                                <option value="Samoa"> Samoa </option>

                                <option value="San Marino"> San Marino </option>

                                <option value="Sao Tome and Principe"> Sao Tome and Principe </option>

                                <option value="Saudi Arabia"> Saudi Arabia </option>

                                <option value="Senegal"> Senegal </option>

                                <option value="Serbia"> Serbia </option>

                                <option value="Seychelles"> Seychelles </option>

                                <option value="Sierra Leone"> Sierra Leone </option>

                                <option value="Singapore"> Singapore </option>

                                <option value="Slovakia"> Slovakia </option>

                                <option value="Slovenia"> Slovenia </option>

                                <option value="Solomon Islands"> Solomon Islands </option>

                                <option value="Somalia"> Somalia </option>

                                <option value="Somaliland"> Somaliland </option>

                                <option value="South Africa"> South Africa </option>

                                <option value="South Ossetia"> South Ossetia </option>

                                <option value="Spain"> Spain </option>

                                <option value="Sri Lanka"> Sri Lanka </option>

                                <option value="Sudan"> Sudan </option>

                                <option value="Suriname"> Suriname </option>

                                <option value="Svalbard"> Svalbard </option>

                                <option value="Swaziland"> Swaziland </option>

                                <option value="Sweden"> Sweden </option>

                                <option value="Switzerland"> Switzerland </option>

                                <option value="Syria"> Syria </option>

                                <option value="Taiwan"> Taiwan </option>

                                <option value="Tajikistan"> Tajikistan </option>

                                <option value="Tanzania"> Tanzania </option>

                                <option value="Thailand"> Thailand </option>

                                <option value="Timor-Leste"> Timor-Leste </option>

                                <option value="Togo"> Togo </option>

                                <option value="Tokelau"> Tokelau </option>

                                <option value="Tonga"> Tonga </option>

                                <option value="Trinidad and Tobago"> Trinidad and Tobago </option>

                                <option value="Tristan da Cunha"> Tristan da Cunha </option>

                                <option value="Tunisia"> Tunisia </option>

                                <option value="Turkey"> Turkey </option>

                                <option value="Turkmenistan"> Turkmenistan </option>

                                <option value="Turks and Caicos Islands"> Turks and Caicos Islands </option>

                                <option value="Tuvalu"> Tuvalu </option>

                                <option value="Uganda"> Uganda </option>

                                <option value="Ukraine"> Ukraine </option>

                                <option value="United Arab Emirates"> United Arab Emirates </option>

                                <option selected="selected" value="United Kingdom"> United Kingdom </option>

                                <option value="Uruguay"> Uruguay </option>

                                <option value="Uzbekistan"> Uzbekistan </option>

                                <option value="Vanuatu"> Vanuatu </option>

                                <option value="Vatican City"> Vatican City </option>

                                <option value="Venezuela"> Venezuela </option>

                                <option value="Vietnam"> Vietnam </option>

                                <option value="British Virgin Islands"> British Virgin Islands </option>

                                <option value="US Virgin Islands"> US Virgin Islands </option>

                                <option value="Wallis and Futuna"> Wallis and Futuna </option>

                                <option value="Western Sahara"> Western Sahara </option>

                                <option value="Yemen"> Yemen </option>

                                <option value="Zambia"> Zambia </option>

                                <option value="Zimbabwe"> Zimbabwe </option>


                            <label class="form-sub-label" for="input_82"> Birth Place </label></span>



                <li class="form-line" id="id_14">

                    <label class="form-label-left" id="label_14" for="input_14">

                        Contact Number<span class="form-required">*</span>


                    <div id="cid_14" class="form-input"><span class="form-sub-label-container"><input type="text" class="form-textbox validate[required, Numeric]" id="input_14" name="q14_contactNumber" size="15" maxlength="15" />

                            <label class="form-sub-label" for="input_14"> Optional </label></span>



                <li class="form-line" id="id_15">

                    <label class="form-label-left" id="label_15" for="input_15">

                        E-mail Address<span class="form-required">*</span>


                    <div id="cid_15" class="form-input"><span class="form-sub-label-container"><input type="text" class="form-textbox validate[required, Email]" id="input_15" name="q15_emailAddress15" size="30" maxlength="100" />

                            <label class="form-sub-label" for="input_15"> Email Address </label></span>



                <li class="form-line" id="id_99">

                    <label class="form-label-left" id="label_99" for="input_99">

                        Postcode<span class="form-required">*</span>


                    <div id="cid_99" class="form-input"><span class="form-sub-label-container"><input type="text" class="form-textbox validate[required]" id="input_99" name="q99_postcode" size="20" />

                            <label class="form-sub-label" for="input_99"> Postal Code </label></span>



                <li class="form-line" id="id_101">

                    <div id="cid_101" class="form-input-wide">

                        <div id="text_101" class="form-html">


                                <SCRIPT LANGUAGE=JAVASCRIPT SRC="">






                <li class="form-line" id="id_100">

                    <label class="form-label-left" id="label_100" for="input_100">

                        Address<span class="form-required">*</span>


                    <div id="cid_100" class="form-input"><span class="form-sub-label-container"><textarea id="input_100" class="form-textarea validate[required]" name="q100_address" cols="40" rows="6"></textarea>

                            <label class="form-sub-label" for="input_100"> Address </label></span>



                <li class="form-line" id="id_78">

                    <label class="form-label-left" id="label_78" for="input_78"> Alternative Delivery Address </label>

                    <div id="cid_78" class="form-input"><span class="form-sub-label-container"><input type="text" class="form-textbox" id="input_78" name="q78_alternativeDelivery" size="50" maxlength="200" />

                            <label class="form-sub-label" for="input_78"> Alternative Postal Address </label></span>



                <li class="form-line" id="id_80">

                    <label class="form-label-left" id="label_80" for="input_80">

                        Archive (Store my Deed Poll)<span class="form-required">*</span>


                    <div id="cid_80" class="form-input">

                        <div class="form-single-column"><span class="form-radio-item" style="clear:left;"><input type="radio" class="form-radio validate[required]" id="input_80_0" name="q80_archivestore" value="No Thanks (delete)" />

                                <label for="input_80_0"> No Thanks (delete) </label></span><span class="clearfix"></span><span class="form-radio-item" style="clear:left;"><input type="radio" class="form-radio validate[required]" id="input_80_1" name="q80_archivestore" value="Yes" />

                                <label for="input_80_1"> Yes </label></span><span class="clearfix"></span>




                <li class="form-line" id="id_81">

                    <label class="form-label-left" id="label_81" for="input_81"> More Information </label>

                    <div id="cid_81" class="form-input"><span class="form-sub-label-container"><textarea id="input_81" class="form-textarea" name="q81_moreInformation" cols="40" rows="6"></textarea>

                            <label class="form-sub-label" for="input_81"> Online Form </label></span>



                <li class="form-line" id="id_94">

                    <label class="form-label-left" id="label_94" for="input_94">

                        Sign date to appear on your deed Poll<span class="form-required">*</span>


                    <div id="cid_94" class="form-input"><span class="form-sub-label-container"><input class="form-textbox validate[required]" id="day_94" name="q94_signDate94[day]" type="text" size="2" maxlength="2" value="07" />


                            <label class="form-sub-label" for="day_94" id="sublabel_day"> Day </label></span><span class="form-sub-label-container"><input class="form-textbox validate[required]" id="month_94" name="q94_signDate94[month]" type="text" size="2" maxlength="2" value="06" />


                            <label class="form-sub-label" for="month_94" id="sublabel_month"> Month </label></span><span class="form-sub-label-container"><input class="form-textbox validate[required]" id="year_94" name="q94_signDate94[year]" type="text" size="4" maxlength="4" value="2011" />

                            <label class="form-sub-label" for="year_94" id="sublabel_year"> Year </label></span><span class="form-sub-label-container"><img alt="Pick a Date" id="input_94_pick" src="//" align="absmiddle" />

                            <label class="form-sub-label" for="input_94_pick"> &nbsp;&nbsp;&nbsp; </label></span>



                <li class="form-line" id="id_106">

                    <div id="cid_106" class="form-input-wide">

                        <div id="text_106" class="form-html">

                            <p style="text-align: center;">

                                Please Note: Royal Mail First Class Standard Delivery is included


                            <p style="text-align: center;">

                                Apply by Telephone Mon - Fri 11am - 3pm on


  • Profile Image
    Answered on June 12, 2011 at 05:46 AM

    Hi Shaun,

    There is no need to use source embed codes just to implement the solution provided by Liyam. Custom CSS can be injected to the form through the Form Builder.

    To have every single text on your form appear in capitalized form, inject this css code:

    .form-all {
    text-transform: capitalize;

    You may also replace the value of text-transform with any of those provided by Liyam (uppercase/lowercase).

    To inject custom css in your form:

    1.  Go to Setup & Embed tab
    2.  Click Preferences Form button
    3.  Choose Form Styles tab
    4.  Copy and paste the css code in the Inject Custom CSS textarea


  • Profile Image
    Answered on June 12, 2011 at 06:14 AM

    Your a Diamond,





  • Profile Image
    Answered on June 12, 2011 at 06:21 AM

    Thanks. Glad to know that us here at Jotform support were able to help you.


  • Profile Image
    Answered on June 12, 2011 at 07:02 AM

    Hi Shaun

    In the code you provided above, I noticed Adult Deed Poll in the Injected CSS Code section. That is not CSS and will have no effect on your form.

    Normally, simply inserting one of the following CSS rules would take care of capitalisation of user inputs for all of the text boxes and text areas in the form:

    .form-textbox, .form-textarea {


    .form-textbox, .form-textarea {


    .form-textbox, .form-textarea {

    However, when I looked at your live form, the hint text in the various text inputs made it obvious that more specificity would be required because while a declaration of text-transform:capitalize; would take care of the New Title, New Full Name, Current Ttle (check spelling) and Current Full Name inputs, the first rule's declaration (text-transform:uppercase;) would apply to the Postcode's input. Additionally (contrary to popular belief), according to this resource, RFC 2821 states that email addresses are case sensitive and as such should not have any text transformation applied. Therefore, even if one of the above rules were applied to the form, the email input would need to be overridden with a declaration of text-transform:none. However, since none of the rules would be applied to the whole form, there would be no need to override anything (unless JotForm's own stylesheet has a text-transform declaration set for email fields).

    Bearing all of this in mind, copying the following code block and pasting it into your Inject Custom CSS section of the Preferences should fit your requirements:

    #input_107, #input_68, #input_108, #input_69 {
    #input_99 {

    While that takes care of your current form, IMHO it (the form) could be improved somewhat. Later I'll post a link to a clone of your form which you may in turn clone and use for your own purposes if you wish. In other words, you may clone my clone of your clone of your 11th clone of your clone of your original Deed Poll application form! :)

    That's all for now. Should you require additional assistance with your forms, please feel free to ask. Our team would be glad to help wherever we can.


    ~ Wayne

    UPDATE: Here's the clone to which I earlier referred.

  • Profile Image
    Answered on February 29, 2012 at 04:12 AM

    Sorry but I'm new

    How can I do if I need in uppercase just some field and not all

    what I have to write in "Iniection Custom CSS" ?


    For Example I need in uppercase teh field LASTNAME



  • Profile Image
    Answered on February 29, 2012 at 05:36 AM

    Welcome to JotForm, grisu59

    You would need to target that Last Name field's input by it's ID. For instance, if its ID is last_3, you would inject the following rule:

    #last_3 {
    text-transform: uppercase;

    That's the rule used in this form. Go ahead and type something in the Last Name field. If you view the page's source, you'll see the above rule. Since each ID in a page is unique, only that field would be effected.

    If you have Firebug, you can quickly determine the correct selector that should be used to alter the style of an element. The following screenshot shows the Last Name field's input in the same form becoming highlighted when the mouse is hovered over the line indicated by the arrow:

    (Click image to zoom)

    A faster method would be to right-click the field and choose Inspect Element with Firebug:

    Even without Firebug, if the field is right-clicked you should see a menu item called "Inspect element" or something similar, if web developer tools are installed in the particular browser.

  • Profile Image
    Answered on February 29, 2012 at 05:38 AM

    We will implement a feature for doing it easier.

  • Profile Image
    Answered on February 29, 2012 at 05:53 AM

    Very nice!

    I wrote this code

    #input_12 {
    text-transform: capitalisation;
    }#input_2 {
    text-transform: uppercase;
    #input_30 {
    text-transform: uppercase;

    input_2 is working properly

    input_12 and input_30 NOT

    Can you suggest what I have to crrect?

    Many thanks

  • Profile Image
    Answered on February 29, 2012 at 05:55 AM

    capitalize; NOT capitalisation;

    but don't work still ;-)

  • Profile Image
    Answered on February 29, 2012 at 05:58 AM

    We would need to see the form. If you don't want to expose its URL to the general forum, you can just state its name and we'll find it.

  • Profile Image
    Answered on February 29, 2012 at 06:02 AM

    The form is this

    I need

    capitalize field NOME (#input_12)

    uppercase fields

    COGNOME (#input_2)

    Eventuale carica ricoperta(#input_30)

  • Profile Image
    Answered on February 29, 2012 at 06:30 AM

    Your injected CSS is correct. The reason you're not seeing the changes reflected on the live form is a latency issue related to the URL used in the iFrame. I know that's the code the form builder's Embed Form Wizard gave you but changing to should rectify the situation.