JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/css/materialize.min.css">
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/js/materialize.min.js"></script>
<form>
                <h4>Image1</h4>
                <br>
                <div class="row col s12">
                    <div class="col s8"><input id="myFile1" class="file col s6" type="file" name="filename1" ></div>
                    <div class="input-field col s4" style="margin: -5px;">
                        <input id="input_text" type="text"  name="bName1" class="validate">
                        <label for="input_text">name1</label>
                    </div>
                </div>

                <h4>Image2</h4>
                <br>
                <div class="row col s12">
                    <div class="col s8"><input id="myFile2" class="file col s6" type="file" name="filename2" ></div>
                    <div class="input-field col s4" style="margin: -5px;">
                      <input id="input_text" type="text" name="bName2" class="validate">
                      <label for="input_text">name2</label>
                    </div>
                </div>

                <h4>Image2</h4>
                <br>
                <div class="row col s12">
                    <div class="col s8"><input id="myFile3" class="file col s6" type="file" name="filename3" ></div>
                    <div class="input-field col s4" style="margin: -5px;">
                      <input id="input_text" type="text" name="bName3" class="validate">
                      <label for="input_text">name3</label>
                    </div>
                </div>

                <br>
                <button name="file" type="submit" class="btn btn-primary">Submit</button>

            </form>