I do not understand what indent appears in the input field under Share your result! Help me to understand.

<form action="formdata.php" name="FormName" method="POST" style="margin:0 auto;width: 550px;"> <fieldset> <legend>Personal Info</legend> <p><label> Enter your name (max. 10 symbols): <input type="text" name="userName" placeholder="username" size="30" maxlength="10"></label> </p> <p><label> Enter your pass (max. 10 symbols): <input type="password" name="userName" placeholder="password" size="30" maxlength="10"></label></p> </fieldset> <p>Do you like economy your time?: </p> <p><label> yes <input type="radio" name="time" value="yes" checked></label> <label> no <input type="radio" name="time" value="no"></label></p> <p>What tool you use to economy your time? </p> <p> <label><input type="checkbox" name="calendar" checked> Calendar </label> <label><input type="checkbox" name="hronometraj" disabled> timekeeping </label> <label><input type="checkbox" name="svoiNarabotki" > achievements </label> </p> <p>how many hours do you sleep per day?</p> <p> <!-- <select name="sleep" id="sleepTime" multiple> --> <select name="sleep" id="sleepTime" size="3" multiple> <option value="1" >5</option> <option value="2" >6</option> <option value="3">7</option> <option value="eight" selected>8</option> <option value="5">9</option> </select> </p> <p><label for="textarea1">Share your result</label></p> <p> <textarea name="result message" id="textarea1" cols="50" rows="10" placeholder="Enter your message here..." > </textarea> </p> <textarea name="result message" id="textarea" cols="50" rows="10" placeholder="Enter your message here..." > </textarea> <p> <input type="submit" name="submit_btn" value="Send"> <input type="reset" name="reset" value="reset"> </p> </form> 

    2 answers 2

    You have spaces in the markup and they fall into the input field. Delete them.

     <h3>Это вариант с пробелами - как у тебя</h3> <p> <textarea cols="50" rows="3" placeholder="Enter your message here..." > </textarea> </p> <h3>А это - без пробелов</h3> <p> <textarea name="result message" id="textarea1" cols="50" rows="3" placeholder="Enter your message here..." ></textarea> </p> 

      This indent is the space between the opening and closing textarea tags in your html.

       <textarea name="result message" id="textarea1" cols="50" rows="10" placeholder="Enter your message here..."></textarea> 

      • Some we are synchronous today))) - Qwertiy
      • 3
        @Qwertiy Simultaneously answered, voted for each other and went on. - Igor
      • 2
        I scored 200 points in this voice - hooray! :) - Qwertiy
      • @Qwertiy Congratulations! - Igor
      • Comments are not intended for extended discussion; conversation moved to chat . - Nick Volynkin