Html 如何动态调整输入标记的大小_Html_Input_Css

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

html input css

Html 如何动态调整输入标记的大小,html,input,css,Html,Input,Css,我在输入标签中显示了一个动态链接。如何调整输入标记的大小以获得链接的宽度谢谢也许您可以创建一个样式相同的隐藏，然后读取其宽度（因为它会根据其内容进行调整），并将宽度分配给您可以使用body onload来确定大小 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Example</title> <script type="text/javascript"> wind

我在输入标签中显示了一个动态链接。如何调整输入标记的大小以获得链接的宽度

谢谢

也许您可以创建一个样式相同的隐藏

，然后读取其宽度（因为它会根据其内容进行调整），并将宽度分配给


您可以使用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>


例子
window.onload=函数（）{
thelink=document.getElementById（'MyLink'）；
链接大小=link.value.length；
如果（linksize<10）link.size=10；
如果（linksize>50）link.size=50；
}

请设置最小和最大大小以保持页面样式