打印HTML表单时出现文本溢出问题

时间:2014-10-02 16:09:45

标签: html css

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

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

在任何给定的表单字段中,如果输入的数据长于字段本身的宽度,则会删除该额外数据,而不会打印。我怎么能避免这个?有没有办法用CSS来实现一个流畅的文本框,根据输入的内容重新调整大小?

谢谢, 亚历

1 个答案:

答案 0 :(得分: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">
&#13;
&#13;
&#13;