Under the work of v0.9.7 documentation

mkdocs/acelements.md

@@ -161,7 +161,7 @@ AutoConnectInput generates an HTML `#!html <input type="text">` tag and a `#!htm
 ### <i class="fa fa-edit"></i> Constructor
 
 ```cpp
-AutoConnectInput(const char* name, const char* value, const char* label, const char* placeholder)
+AutoConnectInput(const char* name, const char* value, const char* label, const char* pattern, const char* placeholder)
 ```
 
 ### <i class="fa fa-caret-right"></i> name
@@ -176,6 +176,21 @@ It becomes a string value of the `value` attribute of an HTML `#!html <input typ
 
 A `label` is an optional string. A label is always arranged on the left side of the input box. Specification of a label will generate an HTML `#!html <label>` tag with an id attribute. The input box and the label are connected by the id attribute.
 
+### <i class="fa fa-caret-right"></i> pattern
+
+A `pattern` specifies a [regular expression](https://www.w3schools.com/js/js_regexp.asp) that the AutoConnectInput element's value is checked against on form submission. If it is invalid, the background color will change, but it will be sent even if the data format does not match. 
+
+- The password that must contain 8 or more characters that are of at least one number, and one uppercase and lowercase letter:<br>`(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}`
+- Email address as _characters@characters.domain_:<br>`[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$`
+
+- IP address
+
+- Host name of the internet
+
+- Date (MM-DD-YYYY)
+
+- Twitter account:<br>`^@?(\w){1,15}$`
+
 ### <i class="fa fa-caret-right"></i> placeholder
 
 A placeholder is an option string. Specification of a placeholder will generate a `placeholder` attribute for the input tag.

mkdocs/apielements.md

@@ -164,13 +164,14 @@ Returns type of AutoConnectElement.
 ### <i class="fa fa-code"></i> Constructor
 
 ```cpp
-AutoConnectInput(const char* name = "", const char* value = "", const char* label = "", const char* placeholder = "")
+AutoConnectInput(const char* name = "", const char* value = "", const char* label = "", const char* pattern = "", const char* placeholder = "")
 ```
 <dl class="apidl">
     <dt>**Parameters**</dt>
     <dd><span class="apidef">name</span>The element name.</dd>
     <dd><span class="apidef">value</span>Value of the element.</dd>
     <dd><span class="apidef">label</span>Label string.</dd>
+    <dd><span class="apidef">pattern</span>Regular expression string for checking data format.</dd>
     <dd><span class="apidef">placeholder</span>A placeholder string.</dd>
 </dl>
 
@@ -200,6 +201,14 @@ A label is an optional string. A label is always arranged on the left side of th
     <dd><span class="apidef" style="width:230px;">String</span></dd>
 </dl>
 
+#### <i class="fa fa-caret-right"></i> pattern
+
+A pattern specifies a regular expression that the input-box's value is checked against on form submission.
+<dl class="apidl">
+    <dt>**Type**</dt>
+    <dd><span class="apidef" style="width:230px;">String</span></dd>
+</dl>
+
 #### <i class="fa fa-caret-right"></i> placeholder
 
 A placeholder is an option string. Specification of a placeholder will generate a `placeholder` attribute for the input tag.