How to add line breaks to an HTML textarea?

JavaScript

Nicesnippets

73

20-11-2020


Hi Guys,

In this example,I will learn you how to add line breaks to an html textarea.you can easy and simply add line breaks to an HTML textarea.

split(): is a predefined JavaScript function that splits a string into an array using a parameter.

join(): is a predefined JavaScript function that joins an array to convert it into a string using provided parameters.

Example :


<!DOCTYPE html>

<html>

<head>

<script type="text/javascript">

function divide() {

var txt;

txt = document.getElementById('a').value;

var text = txt.split(".");

var str = text.join('.</br>');

document.write(str);

}

</script>

<title></title>

</head>

<body>

<form>

ENTER TEXT:

<br>

<textarea rows="20"

cols="40"

name="txt"

id="a">

</textarea>

<br>

<br>

<input type="submit"

name="submit"

value="submit"

onclick="divide()" />

</form>

</body>

</html>

It will help you...