How to create a “ box with arrow edges in the bottom and placing textinput under the arrow edges” using css

Question

1. As Im new to HTML and CSS, facing difficulties in creating the box arrow edges at the bottom.
2. I have 4 div\'s in that i have created a box for 1st div, but i don