Differences

This shows you the differences between two versions of the page.

--- madlibs [2025/01/29 20:05] – [JavaScript Function Call] admin
+++ madlibs [2025/01/29 20:16] (current) – [Input Attributes] admin
@@ Line 125: / Line 125: @@
 <style>.Skin { ${e://Field/opacity0} }</style>
 </code>
-An embedded data field is used so opacity style does not impact 'View response' or 'Export to PDF'.
+An embedded data field is used so opacity style does not impact survey editing. Add the following to a question later in the survey so that 'View response' or 'Export to PDF' are not impacted:<code>
+<style>.Skin { opacity:1; }</style>
+</code>
 === Text Input ===
@@ Line 182: / Line 184: @@
 === inputmode ===
-The **inputmode** attribute can be used to specify the type of on-screen keyboard that is shown when a MadLib text input gains focus. For example, inputmode="numeric" can be added to a numeric input field. Valid values are: text, decimal, numeric, tel, search, email, and url. Applies to input elements only.
+The **inputmode** attribute can be used to specify the type of on-screen keyboard that is shown when a MadLib text input gains focus. For example, inputmode=%%"numeric"%% can be added to a numeric input field. Valid values are: text, decimal, numeric, tel, search, email, and url. Applies to input elements only.
 === maxlength ===
@@ Line 195: / Line 197: @@
 **type=%%"text"%%** may be used for any MadLib input, and should be used for all Madlib inputs except open-end numeric inputs.
 == number ==
-**type=%%"number"%%** may be used for open-end numeric inputs. type="number" enables number specific behaviors (mouse scroll to increment/decrement, up/down spinner) and attributes (min, max, step)
+**type=%%"number"%%** may be used for open-end numeric inputs. type=%%"number"%% enables number specific behaviors (mouse scroll to increment/decrement, up/down spinner) and attributes (min, max, step)
 ==== Word Completion ====