Style mermaidForm

graph LR;
firstName[Click and type your first name]-->lastName[Enter Last name]
lastName-->B(Not Editable)

For each editable field, we have to create a new input field which should be named as the field name that we used in the mermaid form script. The input fields can be only characters form the group [A-Za-z0-9_-] (everything else is ignored).

For example, there are 2 editable fields in this form: firstName and lastName. That is why we created also 2 input fields which are called firstName and lastName. The user data is stored in this fields.