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

标签 html input css

我在输入标签内显示了一个动态链接。如何调整输入标签的大小以适应链接的宽度?

alt text

谢谢

最佳答案

您可以使用主体加载来确定大小....

<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>

只需设置最小和最大尺寸以保持页面样式....

关于html - 如何动态调整输入标签的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4584592/

相关文章:

php - 在同一页面上打开基于 Javascript 的弹出广告

html - CSS 变换 : scale not working as wanted

html - 页脚图标未对齐

java - 如何只获取HTML页面的一部分?

html - Div 未显示全高

Linux终端输入: reading user input from terminal truncating lines at 4095 character limit

c++ - 如何区分 KeyBoard Numpad 和外部 USB Numpad?

ruby-on-rails - 如何让我的 Rails 时间输入字段遵守服务器时区?

Javascript 未在网站上加载?

html - 如何在没有屏幕闪烁的情况下浏览页面?