html - 打印 HTML 表单时的文本溢出问题

Question

我在尝试打印 HTML 表单时遇到一些文本溢出问题。

您可以在以下位置查看实际问题: https://www.yandasmusic.com/Articles.asp?ID=304

在任何给定的表单域中，如果输入的数据比域本身的宽度长，那么多余的数据将被截断，而不是打印出来。我怎样才能避免这种情况？有没有一种方法可以使用 CSS 实现根据输入的内容调整大小的流畅文本框？

谢谢， 亚历克斯

Answer 1

如果您想要一个根据输入内容重新调整大小的流畅文本框，试试这个 http://jsfiddle.net/tdhLyazo/

$(document).ready(function(e) {
	$("input:text").keyup(
	   function()
	   {
		   var size = $(this).prop('size')
		    if($(this).val().length > size)
			   {
				  $(this).prop('size',size+1)
				   } 
	           }
	)

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<input type="text" size="5">