## AutoConnectButton
### <i class="fa fa-code"></i> Constructor
```cpp
AutoConnectButton(const char* name = "", const char* value = "", const String& action = String())
```
< dl class = "apidl" >
< dt > **Parameters**< / dt >
< dd > < span class = "apidef" > name< / span > < span class = "apidesc" > The element name.< / span > < / dd >
< dd > < span class = "apidef" > value< / span > < span class = "apidesc" > Value of the element.< / span > < / dd >
< dd > < span class = "apidef" > action< / span > < span class = "apidesc" > Native code of the action script executed when the button is clicked.< / span > < / dd >
< / dl >
### <i class="fa fa-code"></i> Public member variables
#### <i class="fa fa-caret-right"></i> name
The element name.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > String< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> value
Value of the element.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > String< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> action
HTML native code of the action script to be executed when the button is clicked. It is mostly used with a JavaScript to activate a script.[^1]
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > String< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
[^1]:JavaScript can be inserted into a custom Web page using AutoConnectElement.
### <i class="fa fa-code"></i> Public member functions
#### <i class="fa fa-caret-right"></i> typeOf
```cpp
ACElement_t typeOf(void)
```
Returns type of AutoConnectElement.
< dl class = "apidl" >
< dt > **Return value**< / dt >
< dd > AC_Button< / dd >
< / dl >
## AutoConnectCheckbox
### <i class="fa fa-code"></i> Constructor
```cpp
explicit AutoConnectCheckboxBasis(const char* name = "", const char* value = "", const char* label = "", const bool checked = false)
```
< dl class = "apidl" >
< dt > **Parameters**< / dt >
< dd > < span class = "apidef" > name< / span > < span class = "apidesc" > The element name.< / span > < / dd >
< dd > < span class = "apidef" > value< / span > < span class = "apidesc" > Value of the element.< / span > < / dd >
< dd > < span class = "apidef" > label< / span > < span class = "apidesc" > A label string prefixed to the checkbox.< / span > < / dd >
< dd > < span class = "apidef" > check< / span > < span class = "apidesc" > Checked state of the checkbox.< / span > < / dd >
< / dl >
### <i class="fa fa-code"></i> Public member variables
#### <i class="fa fa-caret-right"></i> name
The element name.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > String< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> value
Value of the element. It becomes a value attribute of an HTML `#!html <input type="checkbox">` tag.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > String< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> label
A label is an optional string. A label is always arranged on the right side of the checkbox. Specification of a label will generate an HTML `#!html <label>` tag with an `id` attribute. The checkbox and the label are connected by the id attribute.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > String< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> checked
It indicates the checked status of the checkbox. The value of the checked checkbox element is packed in the query string and sent by submit.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > Boolean< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
### <i class="fa fa-code"></i> Public member functions
#### <i class="fa fa-caret-right"></i> typeOf
```cpp
ACElement_t typeOf(void)
```
Returns type of AutoConnectElement.
< dl class = "apidl" >
< dt > **Return value**< / dt >
< dd > AC_Checkbox< / dd >
< / dl >
## AutoConnectElement
### <i class="fa fa-code"></i> Constructor
```cpp
AutoConnectElement(const char* name = "", const char* value = "")
```
< dl class = "apidl" >
< dt > **Parameters**< / dt >
< dd > < span class = "apidef" > name< / span > < span class = "apidesc" > The element name.< / span > < / dd >
< dd > < span class = "apidef" > value< / span > < span class = "apidesc" > Value of the element.< / span > < / dd >
< / dl >
### <i class="fa fa-code"></i> Public member variables
#### <i class="fa fa-caret-right"></i> name
The element name.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > String< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> value
Value of the element. It is output as HTML as it is as a source for generating HTML code.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > String< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
### <i class="fa fa-code"></i> Public member functions
#### <i class="fa fa-caret-right"></i> typeOf
```cpp
ACElement_t typeOf(void)
```
Returns type of AutoConnectElement.
< dl class = "apidl" >
< dt > **Return value**< / dt >
< dd > AC_Element< / dd >
< / dl >
## AutoConnectInput
### <i class="fa fa-code"></i> Constructor
```cpp
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 > < span class = "apidesc" > The element name.< / span > < / dd >
< dd > < span class = "apidef" > value< / span > < span class = "apidesc" > Value of the element.< / span > < / dd >
< dd > < span class = "apidef" > label< / span > < span class = "apidesc" > Label string.< / span > < / dd >
< dd > < span class = "apidef" > pattern< / span > < span class = "apidesc" > Regular expression string for checking data format.< / span > < / dd >
< dd > < span class = "apidef" > placeholder< / span > < span class = "apidesc" > A placeholder string.< / span > < / dd >
< / dl >
### <i class="fa fa-code"></i> Public member variables
#### <i class="fa fa-caret-right"></i> name
The element name.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > String< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> value
Value of the element. It becomes a value attribute of an HTML `#!html <input type="text">` tag. An entered text in the custom Web page will be sent with a query string of the form. The value set before accessing the page is displayed as the initial value.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > String< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> label
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.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > String< / span > < span class = "apidesc" > < / 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" > String< / span > < span class = "apidesc" > < / 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.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > String< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
### <i class="fa fa-code"></i> Public member functions
#### <i class="fa fa-caret-right"></i> typeOf
```cpp
ACElement_t typeOf(void)
```
Returns type of AutoConnectElement.
< dl class = "apidl" >
< dt > **Return value**< / dt >
< dd > AC_Input< / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> isValid
```cpp
bool isValid(void)
```
Evaluate the pattern as a regexp and return whether value matches. Always return true if the pattern is undefined.
< dl class = "apidl" >
< dt > **Return value**< / dt >
< dd > < span class = "apidef" > true< / span > < span class = "apidesc" > The value matches a pattern.< / span > < / dd >
< dd > < span class = "apidef" > false< / span > < span class = "apidesc" > The value does not match a pattern.< / span > < / dd >
< / dl >
## AutoConnectRadio
### <i class="fa fa-code"></i> Constructor
```cpp
AutoConnectRadio(const char* name = "", std::vector< String > const& values = {}, const char* label = "", const ACArrange_t order = AC_Vertical, const uint8_t checked = 0)
```
< dl class = "apidl" >
< dt > **Parameters**< / dt >
< dd > < span class = "apidef" > name< / span > < span class = "apidesc" > The element name.< / span > < / dd >
< dd >< span class = "apidef" > values</ span >< span class = "apidesc" > An array of values of the radio buttons. Specifies an [std::vector ](https://en.cppreference.com/w/cpp/container/vector ) object.</ span ></ dd >
< dd > < span class = "apidef" > label< / span > < span class = "apidesc" > Label string.< / span > < / dd >
< dd > < span class = "apidef" > order< / span > < span class = "apidesc" > The direction to arrange the radio buttons.< / span > < / dd >
< dd > < span class = "apidef" > checked< / span > < span class = "apidesc" > An index to be checked in the radio buttons.< / span > < / dd >
< / dl >
### <i class="fa fa-code"></i> Public member variables
#### <i class="fa fa-caret-right"></i> name
The element name.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > String< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> values
An array of String type for the radio button options. It is an initialization list can be used. The `#!html <input type="radio">` tags will be generated from each entry in the values.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > std::vector< String> < / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> label
A label is an optional string. A label will be arranged in the left or top of the radio buttons according to the [order ](#order ).
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > String< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> order
Specifies the direction to arrange the radio buttons. A label will place in the left or the top according to the **_order_** . It is a value of **ACArrange_t** type and accepts one of the following:
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > ACArrange_t< / span > < span class = "apidesc" >
- **`AC_Horizontal`** : Horizontal arrangement.
- **`AC_Vertical`** : Vertical arrangement.
< / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> checked
Specifies the index number (1-based) of the **values** to be checked. If this parameter is not specified neither item is checked.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > uint8_t< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
### <i class="fa fa-code"></i> Public member functions
#### <i class="fa fa-caret-right"></i> typeOf
```cpp
ACElement_t typeOf(void)
```
Returns type of AutoConnectElement.
< dl class = "apidl" >
< dt > **Return value**< / dt >
< dd > AC_Radio< / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> add
```cpp
void add(const String& value)
```
Adds an option for the radio button.
< dl class = "apidl" >
< dt > **Parameters**< / dt >
< dd > < span class = "apidef" > value< / span > < span class = "apidesc" > An option string to add to the radio button.< / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> check
```cpp
void check(const String& value)
```
Indicates the check of the specified option for the radio buttons. You can use the **check** function for checking dynamically with arbitrary of the radio button.
< dl class = "apidl" >
< dt > **Parameters**< / dt >
< dd > < span class = "apidef" > value< / span > < span class = "apidesc" > An option string to be checked.< / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> empty
```cpp
void empty(const size_t reserve = 0)
```
Clear the array of option strings that AutoConnectRadio has in the values. When a **_reserve_** parameter is specified, a vector container of that size is reserved.
< dl class = "apidl" >
< dt > **Parameters**< / dt >
< dd > < span class = "apidef" > reserve< / span > < span class = "apidesc" > Reserved size of a container for the radio button option strings.< / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> operator [ ]
```cpp
const String& operator[] (const std::size_t n)
```
Returns a value string of the index specified by **_n_** .
< dl class = "apidl" >
< dt > **Parameters**< / dt >
< dd > < span class = "apidef" > n< / span > < span class = "apidesc" > Index of values array to return. Its base number is 0.< / span > < / dd >
< dt > **Return value**< / dt >
< dd > A reference of a value string indexed by the specified the **n** .</ dd >
< / dl >
#### <i class="fa fa-caret-right"></i> size
```cpp
size_t size(void)
```
Returns number of options which contained.
< dl class = "apidl" >
< dt > **Return value**< / dt >
< dd > Number of options which contained.< / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> value
```cpp
const String& value(void) const
```
Returns current checked option of the radio buttons.
< dl class = "apidl" >
< dt > **Return value**< / dt >
< dd > A String of an option current checked. If there is no checked option, a null string returned.< / dd >
< / dl >
## AutoConnectSelect
### <i class="fa fa-code"></i> Constructor
```cpp
AutoConnectSelect(const char* name = "", std::vector< String > const& options = {}, const char* label = "")
```
< dl class = "apidl" >
< dt > **Parameters**< / dt >
< dd > < span class = "apidef" > name< / span > < span class = "apidesc" > The element name.< / span > < / dd >
< dd >< span class = "apidef" > options</ span >< span class = "apidesc" > An array of options of the select element. Specifies an [std::vector ](https://en.cppreference.com/w/cpp/container/vector ) object.</ span ></ dd >
< dd > < span class = "apidef" > label< / span > < span class = "apidesc" > Label string.< / span > < / dd >
< / dl >
### <i class="fa fa-code"></i> Public member variables
#### <i class="fa fa-caret-right"></i> name
The element name.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > String< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> options
An array of String type for the selection options. It is an initialization list can be used. The `#!html <option value>` tags will be generated from each entry in the options.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > std::vector< String> < / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> label
A label is an optional string. A label will be arranged in the top of the selection list.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > String< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
### <i class="fa fa-code"></i> Public member functions
#### <i class="fa fa-caret-right"></i> typeOf
```cpp
ACElement_t typeOf(void)
```
Returns type of AutoConnectElement.
< dl class = "apidl" >
< dt > **Return value**< / dt >
< dd > AC_Select< / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> add
```cpp
void add(const String& option)
```
Adds a selectable option string for the selection list.
< dl class = "apidl" >
< dt > **Parameters**< / dt >
< dd > < span class = "apidef" > option< / span > < span class = "apidesc" > A string of selectable item to be contained in the select element.< / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> empty
```cpp
void empty(const size_t reserve = 0)
```
Clear the array of options list that AutoConnectSelect has in the options. When a **_reserve_** parameter is specified, a vector container of that size is reserved.
< dl class = "apidl" >
< dt > **Parameters**< / dt >
< dd > < span class = "apidef" > reserve< / span > < span class = "apidesc" > Reserved size of a container for the options.< / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> operator [ ]
```cpp
const String& operator[] (const std::size_t n)
```
Returns an option string of the index specified by **_n_** .
< dl class = "apidl" >
< dt > **Parameters**< / dt >
< dd > < span class = "apidef" > n< / span > < span class = "apidesc" > Index of options array to return. Its base number is 0.< / span > < / dd >
< dt > **Return value**< / dt >
< dd > A reference of a option string indexed by the specified the **n** .</ dd >
< dd >
< / dl >
#### <i class="fa fa-caret-right"></i> size
```cpp
size_t size(void)
```
Returns number of options which contained.
< dl class = "apidl" >
< dt > **Return value**< / dt >
< dd > Number of options which contained.< / dd >
< / dl >
## AutoConnectSubmit
### <i class="fa fa-code"></i> Constructor
```cpp
AutoConnectSubmit(const char* name = "", const char* value ="", char* uri = "")
```
< dl class = "apidl" >
< dt > **Parameters**< / dt >
< dd > < span class = "apidef" > name< / span > < span class = "apidesc" > The element name.< / span > < / dd >
< dd >< span class = "apidef" > value</ span >< span class = "apidesc" > The name of the submit button as an HTML `#!html <input type="button">` tag, it will also be the label of the button.</ span ></ dd >
< dd > < span class = "apidef" > uri< / span > < span class = "apidesc" > Destination URI.< / span > < / dd >
< / dl >
### <i class="fa fa-code"></i> Public member variables
#### <i class="fa fa-caret-right"></i> name
The element name.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > String< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> value
The name of the submit button. It will also be the label of the button.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > String< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> uri
Destination URI.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > String< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
### <i class="fa fa-code"></i> Public member functions
#### <i class="fa fa-caret-right"></i> typeOf
```cpp
ACElement_t typeOf(void)
```
Returns type of AutoConnectElement.
< dl class = "apidl" >
< dt > **Return value**< / dt >
< dd > AC_Submit< / dd >
< / dl >
## AutoConnectText
### <i class="fa fa-code"></i> Constructor
```cpp
AutoConnectText(const char* name = "", const char* value = "", const char* style = "")
```
< dl class = "apidl" >
< dt > **Parameters**< / dt >
< dd > < span class = "apidef" > name< / span > < span class = "apidesc" > The element name.< / span > < / dd >
< dd > < span class = "apidef" > value< / span > < span class = "apidesc" > String of content for the text element.< / span > < / dd >
< dd > < span class = "apidef" > style< / span > < span class = "apidesc" > A style code with CSS format that qualifiers the text.< / span > < / dd >
< / dl >
### <i class="fa fa-code"></i> Public member variables
#### <i class="fa fa-caret-right"></i> name
The element name.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > String< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> value
A content string of the text element.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > String< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
#### <i class="fa fa-caret-right"></i> style
A style code with CSS format that qualifiers the text.
< dl class = "apidl" >
< dt > **Type**< / dt >
< dd > < span class = "apidef" > String< / span > < span class = "apidesc" > < / span > < / dd >
< / dl >
### <i class="fa fa-code"></i> Public member functions
#### <i class="fa fa-caret-right"></i> typeOf
```cpp
ACElement_t typeOf(void)
```
Returns type of AutoConnectElement.
< dl class = "apidl" >
< dt > **Return value**< / dt >
< dd > AC_Text< / dd >
< / dl >
