Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

New to Coding my own Character Cheet and need help.

I took a free D&D 5e Code and modify it to what I need for my game.  BUT now the players can't save their information in the Character Sheet area.  Can someone help? Here is the code: <form class="charsheet">   <header>     <section class="charname">       <label for="charname">Character's Real Name</label><input name="attr_charname" placeholder="Thoradin Fireforge" />     </section>     <section class="misc">       <ul>         <li>           <label for="codename">Code Name</label><input name="attr_codename" placeholder="Paladin 2" />         </li>         <li>           <label for="species">Species</label><input name="attr_species" placeholder="Acolyte" />         </li>         <li>           <label for="level">Level</label><input name="attr_level" placeholder="Player McPlayerface">         </li>         <li>           <label for="exppoints">Exp Points</label><input name="attr_exppoints" placeholder="Half-elf" />         </li>         <li>           <label for="xteamaffiliation">X-Team Affiliation</label><input name="attr_xteamaffiliation" placeholder="Lawful Good" />         </li>         <li>           <label for="typeoffighter">Type of Fighter</label><input name="attr_typeoffighter" placeholder="3240" />         </li>       </ul>     </section>   </header>   <main>     <section>       <section class="attributes">         <div class="scores">           <ul>             <li>               <div class="score">                 <label for="Strengthscore">Strength</label><input name="attr_Strengthscore" placeholder="10" class="stat"/>               </div>               <div class="modifier">                 <input name="Strengthmod" placeholder="+0" class="statmod"/>               </div>             </li>             <li>               <div class="score">                 <label for="Dexterityscore">Dexterity</label><input name="attr_Dexterityscore" placeholder="10" class="stat"/>               </div>               <div class="modifier">                 <input name="Dexteritymod" placeholder="+0" class=statmod/>               </div>             </li>             <li>               <div class="score">                 <label for="Endurancescore">Endurance</label><input name="attr_Endurancescore" placeholder="10" class="stat"/>               </div>               <div class="modifier">                 <input name="Endurancemod" placeholder="+0" class="statmod"/>               </div>             </li>             <li>               <div class="score">                 <label for="Intelligencescore">Intelligence</label><input name="attr_Intelligencescore" placeholder="10" class="stat"/>               </div>               <div class="modifier">                 <input name="Intelligencemod" placeholder="+0" />               </div>             </li>             <li>               <div class="score">                 <label for="Wisdomscore">Wisdom</label><input name="attr_Wisdomscore" placeholder="10" class="stat"/>               </div>               <div class="modifier">                 <input name="Wisdommod" placeholder="+0" class="statmod"/>               </div>             </li>             <li>               <div class="score">                 <label for="Staminascore">Stamina</label><input name="attr_Staminascore" placeholder="10" class="stat"/>               </div>               <div class="modifier">                 <input name="Staminamod" placeholder="+0" class="statmod"/>               </div>             </li>           </ul>         </div>           <div class="proficiencybonus box">             <div class="label-container">               <label for="proficiencybonus">Proficiency Bonus</label>             </div>             <input name="attr_proficiencybonus" placeholder="+2" />           </div>           <div class="saves list-section box">             <ul>               <li>                 <label for="Strength-save">Strength</label><input name="attr_Strength-save" placeholder="+0" type="text" /><input name="Strength-save-prof" type="checkbox" />               </li>               <li>                 <label for="Dexterity-save">Dexterity</label><input name="attr_Dexterity-save" placeholder="+0" type="text" /><input name="Dexterity-save-prof" type="checkbox" />               </li>               <li>                 <label for="Endurance-save">Endurance</label><input name="attr_Endurance-save" placeholder="+0" type="text" /><input name="Endurance-save-prof" type="checkbox" />               </li>               <li>                 <label for="Intelligence-save">Intelligence</label><input name="attr_Intelligence-save" placeholder="+0" type="text" /><input name="Intelligence-save-prof" type="checkbox" />               </li>               <li>                 <label for="Wisdom-save">Wisdom</label><input name="attr_Wisdom-save" placeholder="+0" type="text" /><input name="Wisdom-save-prof" type="checkbox" />               </li>               <li>                 <label for="Stamina-save">Stamina</label><input name="attr_Stamina-save" placeholder="+0" type="text" /><input name="Stamina-save-prof" type="checkbox" />               </li>             </ul>             <div class="label">               Abilities             </div>           </div>           <div class="skills list-section box">             <ul>               <li>                 <label for="Acrobatics">Acrobatics <span class="skill">(Dex)</span></label><input name="attr_Acrobatics" placeholder="+0" type="text" /><input name="Acrobatics-prof" type="checkbox" />               </li>               <li>                 <label for="Animal Handling">Animal Handling <span class="skill">(Wis)</span></label><input name="attr_Animal Handling" placeholder="+0" type="text" /><input name="Animal Handling-prof" type="checkbox" />               </li>               <li>                 <label for="Arcana">Arcana <span class="skill">(Int)</span></label><input name="attr_Arcana" placeholder="+0" type="text" /><input name="Arcana-prof" type="checkbox" />               </li>               <li>                 <label for="Athletics">Athletics <span class="skill">(Str)</span></label><input name="attr_Athletics" placeholder="+0" type="text" /><input name="Athletics-prof" type="checkbox" />               </li>               <li>                 <label for="Deception">Deception <span class="skill">(Cha)</span></label><input name="attr_Deception" placeholder="+0" type="text" /><input name="Deception-prof" type="checkbox" />               </li>               <li>                 <label for="History">History <span class="skill">(Int)</span></label><input name="attr_History" placeholder="+0" type="text" /><input name="History-prof" type="checkbox" />               </li>               <li>                 <label for="Insight">Insight <span class="skill">(Wis)</span></label><input name="attr_Insight" placeholder="+0" type="text" /><input name="Insight-prof" type="checkbox" />               </li>               <li>                 <label for="Intimidation">Intimidation <span class="skill">(Cha)</span></label><input name="attr_Intimidation" placeholder="+0" type="text" /><input name="Intimidation-prof" type="checkbox" />               </li>               <li>                 <label for="Investigation">Investigation <span class="skill">(Int)</span></label><input name="attr_Investigation" placeholder="+0" type="text" /><input name="Investigation-prof" type="checkbox" />               </li>               <li>                 <label for="Medicine">Medicine <span class="skill">(Wis)</span></label><input name="attr_Medicine" placeholder="+0" type="text" /><input name="Medicine-prof" type="checkbox" />               </li>               <li>                 <label for="Nature">Nature <span class="skill">(Int)</span></label><input name="attr_Nature" placeholder="+0" type="text" /><input name="Nature-prof" type="checkbox" />               </li>               <li>                 <label for="Perception">Perception <span class="skill">(Wis)</span></label><input name="attr_Perception" placeholder="+0" type="text" /><input name="Perception-prof" type="checkbox" />               </li>               <li>                 <label for="Performance">Performance <span class="skill">(Cha)</span></label><input name="attr_Performance" placeholder="+0" type="text" /><input name="Performance-prof" type="checkbox" />               </li>               <li>                 <label for="Persuasion">Persuasion <span class="skill">(Cha)</span></label><input name="attr_Persuasion" placeholder="+0" type="text" /><input name="Persuasion-prof" type="checkbox" />               </li>               <li>                 <label for="Religion">Religion <span class="skill">(Int)</span></label><input name="attr_Religion" placeholder="+0" type="text" /><input name="Religion-prof" type="checkbox" />               </li>               <li>                 <label for="Sleight of Hand">Sleight of Hand <span class="skill">(Dex)</span></label><input name="attr_Sleight of Hand" placeholder="+0" type="text" /><input name="Sleight of Hand-prof" type="checkbox" />               </li>               <li>                 <label for="Stealth">Stealth <span class="skill">(Dex)</span></label><input name="attr_Stealth" placeholder="+0" type="text" /><input name="Stealth-prof" type="checkbox" />               </li>               <li>                 <label for="Survival">Survival <span class="skill">(Wis)</span></label><input name="attr_Survival" placeholder="+0" type="text" /><input name="Survival-prof" type="checkbox" />               </li>             </ul>             <div class="label">               Skills             </div>           </div>         </div>       </section>       <div class="passive-perception box">         <div class="label-container">           <label for="passiveperception">Passive Wisdom (Perception)</label>         </div>         <input name="attr_passiveperception" placeholder="10" />       </div>       <div class="otherprofs box textblock">         <label for="otherprofs">Ally and Special Items</label><textarea name="attr_otherprofs"></textarea>       </div>     </section>     <section>       <section class="combat">         <div class="armorclass">           <div>             <label for="ac">Total Armor</label><input name="attr_ac" placeholder="10" type="text" />           </div>         </div>         <div class="initiative">           <div>             <label for="initiative">Initiative</label><input name="attr_initiative" placeholder="+0" type="text" />           </div>         </div>         <div class="speed">           <div>             <label for="speed">Speed</label><input name="attr_speed" placeholder="30" type="text" />           </div>         </div>         <div class="hp">           <div class="regular">             <div class="max">               <label for="maxhp">Life Point Maximum</label><input name="attr_maxhp" placeholder="10" type="text" />             </div>             <div class="current">               <label for="currenthp">Current Life Points</label><input name="attr_currenthp" type="text" />             </div>           </div>           <div class="temporary">             <label for="temphp">Temporary Life Points</label><input name="attr_temphp" type="text" />           </div>         </div>         <div class="combatdice">           <div>             <div class="total">               <label onclick="totalhd_clicked()" for="totalhd">Total</label><input name="attr_totalhd" placeholder="2d10" type="text" />             </div>             <div class="remaining">               <label for="remaininghd">Combat Dice</label><input name="attr_remaininghd" type="text" />             </div>           </div>         </div>         <div class="deathsaves">           <div>             <div class="label">               <label>Life or Death</label>             </div>             <div class="marks">               <div class="deathsuccesses">                 <label>Successes</label>                 <div class="bubbles">                   <input name="attr_deathsuccess1" type="checkbox" />                   <input name="attr_deathsuccess2" type="checkbox" />                   <input name="attr_deathsuccess3" type="checkbox" />                 </div>               </div>               <div class="deathfails">                 <label>Failures</label>                 <div class="bubbles">                   <input name="attr_deathfail1" type="checkbox" />                   <input name="attr_deathfail2" type="checkbox" />                   <input name="attr_deathfail3" type="checkbox" />                 </div>               </div>             </div>           </div>         </div>       </section>       <section class="attacksandspellcasting">         <div>           <label>Powers</label>           <table>             <thead>               <tr>                 <th>                   Type                 </th>                 <th>                   Atk Bonus                 </th>                 <th>                   Damage/Type                 </th>               </tr>             </thead>             <tbody>               <tr>                 <td>                   <input name="attr_atkname1" type="text" />                 </td>                 <td>                   <input name="attr_atkbonus1" type="text" />                 </td>                 <td>                   <input name="attr_atkdamage1" type="text" />                 </td>               </tr>               <tr>                 <td>                   <input name="attr_atkname2" type="text" />                 </td>                 <td>                   <input name="attr_atkbonus2" type="text" />                 </td>                 <td>                   <input name="attr_atkdamage2" type="text" />                 </td>               </tr>               <tr>                 <td>                   <input name="attr_atkname3" type="text" />                 </td>                 <td>                   <input name="attr_atkbonus3" type="text" />                 </td>                 <td>                   <input name="attr_atkdamage3" type="text" />                 </td>               </tr>               <tr>                 <td>                   <input name="attr_atkname4" type="text" />                 </td>                 <td>                   <input name="attr_atkbonus4" type="text" />                 </td>                 <td>                   <input name="attr_atkdamage4" type="text" />                 </td>               </tr>             </tbody>           </table>           <textarea></textarea>         </div>       </section>       <section class="equipment">         <div>           <label>Equipment</label>           </div>           <textarea placeholder="Equipment list here"></textarea>         </div>       </section>     </section>     <section>       <section class="flavor">         <div class="personality">           <label for="personality">Head Armor</label><textarea name="attr_personality"></textarea>         </div>         <div class="ideals">           <label for="ideals">Body Armor</label><textarea name="attr_ideals"></textarea>         </div>         <div class="bonds">           <label for="bonds">Arm Armor</label><textarea name="attr_bonds"></textarea>         </div>         <div class="flaws">           <label for="flaws">Leg Armor</label><textarea name="attr_flaws"></textarea>         </div>       </section>       <section  class="attacksandspellcasting">         <div>           <label>Weapons</label>           <table>             <thead>               <tr>                 <th>                   Name                 </th>                 <th>                   Atk Bonus                 </th>                 <th>                   Damage/Type                 </th>               </tr>             </thead>             <tbody>               <tr>                 <td>                   <input name="attr_atkname1" type="text" />                 </td>                 <td>                   <input name="attr_atkbonus1" type="text" />                 </td>                 <td>                   <input name="attr_atkdamage1" type="text" />                 </td>               </tr>               <tr>                 <td>                   <input name="attr_atkname2" type="text" />                 </td>                 <td>                   <input name="attr_atkbonus2" type="text" />                 </td>                 <td>                   <input name="attr_atkdamage2" type="text" />                 </td>               </tr>               <tr>                 <td>                   <input name="attr_atkname3" type="text" />                 </td>                 <td>                   <input name="attr_atkbonus3" type="text" />                 </td>                 <td>                   <input name="attr_atkdamage3" type="text" />                 </td>               <tr>                 <td>                   <input name="attr_atkname4" type="text" />                 </td>                 <td>                   <input name="attr_atkbonus4" type="text" />                 </td>                 <td>                   <input name="attr_atkdamage4" type="text" />                 </td>               </tr>               </tr>             </tbody>           </table>           <textarea></textarea>         </div>       </section>     </section>   </main> </form>
1603038848

Edited 1603039106
Andreas J.
Forum Champion
Sheet Author
Translator
You missing the attr_ prefix for several inputs. &lt;input name="Strengthmod" placeholder="+0" class="statmod"/&gt; should be &lt;input name=" attr_ Strengthmod" placeholder="+0" class="statmod"/&gt; This is the most common mistake when getting started with these things. I really recommend you look at this page, to get familiar with how roll20 sheet differs from standard html/css usage: <a href="https://wiki.roll20.net/Building_Character_Sheets#Common_Mistakes" rel="nofollow">https://wiki.roll20.net/Building_Character_Sheets#Common_Mistakes</a>
Would that effect every input slot?
1603081300
GiGs
Pro
Sheet Author
API Scripter
everywhere you define an attribute, whether its an input, select, span, or textarea, it has to be defined in that way - with the attr_ at the start of the name.