Table of Contents

Class InputHTML5Editor

Namespace
Dynamicweb.Content.Items.Editors
Assembly
Dynamicweb.dll

Represents a HTML 5 input editor.

[Editor("Input (HTML 5)")]
public class InputHTML5Editor : Editor, IParameterOptions
Inheritance
InputHTML5Editor
Implements
Inherited Members

Constructors

InputHTML5Editor()

Initializes a new instance of an object.

public InputHTML5Editor()

Properties

Append 

[AddInParameter("Append")]
[AddInParameterEditor(typeof(TextParameterEditor), "Explanation=Suffix shown after the input value (e.g., 'kg', '%', 'days'). For type 'range' it is shown next to the live displayed range value; for other types it appears as an input-group suffix.")]
public string? Append { get; set; }

Property Value

string

Autocomplete 

[AddInParameter("Autocomplete")]
[AddInParameterEditor(typeof(YesNoParameterEditor), "Explanation=Enable or disable browser autocomplete for this field. Yes - autocomplete 'on', No - autocomplete 'off'. Useful when you want the browser to remember values (or explicitly not).")]
public bool Autocomplete { get; set; }

Property Value

bool

DataType

Gets the data type for this editor.

public override Type DataType { get; }

Property Value

Type

InputType 

[AddInParameter("Type")]
[AddInParameterEditor(typeof(DropDownParameterEditor), "Explanation=Choose the HTML5 <input> type (text, password, date, number, range, email, etc.). This changes the browser UI (e.g., date picker), keyboard on mobile, and which attributes (min/max/step/pattern) apply. Note: both 'dateTime' and 'dateTime-local' end up rendering as type:'datetime-local'.")]
public string? InputType { get; set; }

Property Value

string

Max 

[AddInParameter("Max")]
[AddInParameterEditor(typeof(TextParameterEditor), "Explanation=Upper limit. For number/range/date/time types this becomes the HTML5 max attribute. For text-like inputs it is used as maxlength (maximum number of characters). Leave empty for no maximum.")]
public string? Max { get; set; }

Property Value

string

Min 

[AddInParameter("Min")]
[AddInParameterEditor(typeof(TextParameterEditor), "Explanation=Lower limit. For number/range/date/time types this becomes the HTML5 min attribute. For text-like inputs it is used as minlength (minimum number of characters). Leave empty for no minimum.")]
public string? Min { get; set; }

Property Value

string

Pattern 

[AddInParameter("Pattern")]
[AddInParameterEditor(typeof(TextParameterEditor), "Explanation=Regex pattern the value must match (HTML5 pattern attribute). Applies mainly to text-like inputs (text/email/url/tel/password). Use a JavaScript-style regex without /slashes/. If set, users will see a validation message mentioning the pattern.")]
public string? Pattern { get; set; }

Property Value

string

Placeholder 

[AddInParameter("Placeholder")]
[AddInParameterEditor(typeof(TextParameterEditor), "Explanation=Hint text shown inside an empty input (placeholder attribute). Disappears when the user types. Works best for short examples like 'name@example.com'.")]
public string? Placeholder { get; set; }

Property Value

string

Required 

[AddInParameter("Required")]
[AddInParameterEditor(typeof(YesNoParameterEditor), "Explanation=Mark the field as required. Users must enter a value before saving/submitting. If Type - email, the value must also be a valid email format.")]
public bool Required { get; set; }

Property Value

bool

Size 

[AddInParameter("Size")]
[AddInParameterEditor(typeof(TextParameterEditor), "Explanation=Preferred visible width of the input in characters (size attribute). Typically only affects text-like inputs and is a layout hint, not a validation rule.")]
public string? Size { get; set; }

Property Value

string

Step 

[AddInParameter("Step")]
[AddInParameterEditor(typeof(TextParameterEditor), "Explanation=Step size for numeric/range/date/time inputs (step attribute). The value must be min + N * step. Examples: number step:1, range step:0.5, time step:900 (15 minutes).")]
public string? Step { get; set; }

Property Value

string
Improve this doc
To top