HTML5 Datalist for Character Sheets Hello Roll20. I am a custom sheet creator that previously found out that the html component datalist is not currently supported by Roll20 character sheet. This suggestion is to allow the usage of datalists. Datalists are a helpful tool for sheet authors to guide players toward filling out input-fields. Datalists combines the precision of a dropdown-field with the flexibility of an input-field. <input list="abilityScores" name="attr_abilityScore">
</datalist> A great example is if you need your players to select an ability score for a roll button. Using a datalist empowered the input-field to help players input the correct reference to the ability score, ensuring that the button works. Players can: Use the field as a straight dropdown: Write and seach for the desired input: Still use any custom value they like for house rules. A more advanced case is if a sheet author wants the player to input a calculation into an input-field. Using datalist the players are guided towards the right calculation: Straight dropdown: Search for the name: Search for a value in the calculation: The problems with IDs From Roll20's point of view, the problem with datalists is that they use IDs and Roll20 has banned nearly all usages of ID-referencing. As far as I know, from the wiki, there are two problems with ID-referencing ID-fields are globally available so if an input-field has an ID, then all players would read from that single field, thus reading data from other players character sheets. Any updates to that input-field would overwrite whatever other players has written in that field, thus resulting in loss of data. However, this is not a problem with datalists. When a datalist is defined it will contain static information that does not change. This means that it is well suited for global referencing for all players and there is no data loss as the data in the options cannot be overwritten. Further more, even if one of the option's value is an attribute, the actual attribute will not be referenced by the ID. The attribute has no power until added to an input-field . When selected, the attribute will be added to an input-field on a character sheet, and once the input-field is referenced, then the correct value from the related character sheet will be used for calculations. Reference to the Wiki <a href="https://wiki.roll20.net/Building_Character_Sheets#Restrictions" rel="nofollow">https://wiki.roll20.net/Building_Character_Sheets#Restrictions</a> HTML Elements that doesn't work: <section>, <header>, <title>,<footer>, <a>, <datalist>, <meter>, <progress>. Trying to add any of these to a sheet will either result in Roll20 removing them or behave like they are a <div> <a href="https://wiki.roll20.net/Building_Character_Sheets#Only_Use_Classes.2C_not_IDs" rel="nofollow">https://wiki.roll20.net/Building_Character_Sheets#Only_Use_Classes.2C_not_IDs</a> You should not use IDs on your tags (for example, DO NOT do <input type='text' id='name' />). Since there are multiple copies of each sheet in the DOM at once, using an ID is incorrect since IDs should only be used on unique elements. This does mean that you cannot utilize ID-linked <label> elements (eg, <label for="my_id">My Label Text</label>). From this link it appears that it is possible for a label to link to another element via ID, so therefore it should also be allowed for input-fields to link to a datalist via ID. Finally some other sheet authors that have also run into the absence of datalists, and tried to create suggestions for it but without luck Suggestion by Scrott C.: <a href="https://app.roll20.net/forum/post/6051734/html-5-datalists-for-character-sheets" rel="nofollow">https://app.roll20.net/forum/post/6051734/html-5-datalists-for-character-sheets</a> Related post: <a href="https://app.roll20.net/forum/post/6045689/html-5-datalists-possible-to-use" rel="nofollow">https://app.roll20.net/forum/post/6045689/html-5-datalists-possible-to-use</a> Suggestion by Sam: <a href="https://app.roll20.net/forum/post/3439349/allowing-datalist-tags-for-character-sheets" rel="nofollow">https://app.roll20.net/forum/post/3439349/allowing-datalist-tags-for-character-sheets</a> Related post: <a href="https://app.roll20.net/forum/post/3366128/do-character-sheets-not-support-html5" rel="nofollow">https://app.roll20.net/forum/post/3366128/do-character-sheets-not-support-html5</a> Some other sheet authors wanting datalists: <a href="https://github.com/khendar/Roll20_StarWars" rel="nofollow">https://github.com/khendar/Roll20_StarWars</a> "Reverted the initial class and specialization to a text box until roll20 supports the DataList HTML5 tag" <a href="https://github.com/AndrewHolder/roll20-character-sheets-Testing/blob/master/AEON-Aberrant/aberrant.html" rel="nofollow">https://github.com/AndrewHolder/roll20-character-sheets-Testing/blob/master/AEON-Aberrant/aberrant.html</a> . Out-commented datalist in the code <a href="https://app.roll20.net/forum/permalink/3438176/" rel="nofollow">https://app.roll20.net/forum/permalink/3438176/</a> Sam here also wants datalists for the same reasons.