How to implement dynamic html form in order to add input elements horizontally and vertically with connected lines

Question

I want to create a form in which I can add html elements in vertical and horizontal position, and those elements should be connected by lines. Fo example Please help me. Thanks.

simi · Accepted Answer · 2018-08-19 08:59:03Z

1

About the lines: under what I wrote before add a div

<div style="width:1000px;border-top:solid 1px gray;position:absoulte;top:-40px;"></div>

add lines as needed. top:40px is only an example, fit the right px you need. If it does not work get back to me.

answered Aug 19, 2018 at 8:59

simi

1691 gold badge2 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

simi · Accepted Answer · 2018-08-19 08:48:12Z

0

Use flex. for examle if you want to have 4 inputs in a row:

<div style="display:flex;justify-content:space-around">
<input style="flex-basis:22%"/>
<input style="flex-basis:22%"/>
<input style="flex-basis:22%"/>
<input style="flex-basis:22%"/></div>

answered Aug 19, 2018 at 8:48

simi

1691 gold badge2 silver badges7 bronze badges

Collectives™ on Stack Overflow

How to implement dynamic html form in order to add input elements horizontally and vertically with connected lines

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related