Question

我在输入标签内显示了动态链接。如何使输入标签调整大小以获取链接的宽度？

alt text

由于

Answer 1

也许您可以创建隐藏的<span>相同样式，然后读取其宽度（因为它会调整其内容）并将宽度指定为<input>。

Answer 2

您可以使用body onload来确定大小....

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Example</title>

<script type="text/javascript">
window.onload = function() {
thelink = document.getElementById('MyLink');
linksize = thelink.value.length;
if (linksize < 10) thelink.size = 10;
if (linksize > 50) thelink.size = 50;
}
</script>
</head>

<body>
<input id="MyLink" type="text" value="http://www.domain.com/this/is/a/very/long/link/example" />
</body>

</html>

用于保持页面样式的最小和最大尺寸....

如何动态调整输入标签的大小

2 个答案: