白菜求教: 做个js脚本,想在网页上的输入框中换行回车,要怎么写的?

[zxwdt618116]

做个js脚本,想在网页上的输入框中换行回车显示点自定义的内容, 要怎么写的? 非常感谢前辈大侠们!

document.getElementById('input').value = '当前地址是:' + '换行回车 这里怎么写?' + location.href;

我试了下面这样\r\n 不行, 甚至会把整个脚本都废掉:

document.getElementById('input').value = '当前地址是:' + \r\n + location.href;

[豪情]

在input中是不能换行的，只有在textarea里边才能换行。 demo here.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>test</title>
</head>
<body>
<input type="text" name="" size="100" style="width: 120px;height: 80px;word-break:break-all" id="input1"/>
<textarea name="" id="input2" cols="30" rows="10"></textarea>
<script type="text/javascript">
    document.getElementById('input1').value = '当前地址是:\r\n' + '' + location.href;
    document.getElementById('input2').value = '当前地址是:\r\n' + '' + location.href;
</script>
</body>
</html>

[zxwdt618116]

多谢发哥侠! 我是想做个脚本在人家显示给我的网页上操作这个, 我主要是想提取当前网页上一些信息汇集填充在这个输入框里, 然后我就好直接复制. 它那个现成的输入框是input的,那看来直接是不行了,要自己插入一个textarea. 要怎么在当前页面上插入一个 textarea 呢? 下面这个代码是在当前页面上插入一个input, 是可以的. 插入textarea怎么弄呢? 多谢!

    var input = document.createElement('input');
	input.value = '当前地址是:';
    var sw = document.getElementById('tpsw');
        sw.parentNode.insertBefore(input, sw);
		

引用 1 楼 jikeytang 的回复:

在input中是不能换行的，只有在textarea里边才能换行。 demo here.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>test</title>
</head>
<body>
<input type="text" name="" size="100" style="width: 120px;height: 80px;word-break:break-all" id="input1"/>
<textarea name="" id="input2" cols="30" rows="10"></textarea>
<script type="text/javascript">
    document.getElementById('input1').value = '当前地址是:\r\n' + '' + location.href;
    document.getElementById('input2').value = '当前地址是:\r\n' + '' + location.href;
</script>
</body>
</html>

[zxwdt618116]

哈哈哈 会了, 直接把input改成area就可以了. 非常感谢发哥侠!多谢!

[豪情]

不客气，有空的时候把帖一结。