gpt4 book ai didi

javascript - 单击时 Angular 减小表单字段大小

转载 作者:太空宇宙 更新时间:2023-11-03 21:21:51 24 4
gpt4 key购买 nike

我是 angular js 和 CSS 的新手,并且具有基本的 Java 脚本知识。

我正在尝试在表单字段中设计一个表单页面,假设用户名会在点击时缩小,在点击其他地方时会增加。我尝试了 ng-hide 和 ng-show,我在其中为每个类添加了不同的 css 样式,它使表单字段消失并在单击时出现。

非常感谢任何帮助。

谢谢。

更新:

这是我的输入文本框,我希望用户名在其中缩小并在点击时位于文本框的左上角。

<body>
<input type="text" value="Username" style="width: 100%; height: 50px ;
border:0;border-bottom: 1px solid black;" > </body>

最佳答案

简单的使用CSS

input{
width: 200px;
//added a smooth transition, need vendor prefixes
transition: width 0.25s ease-in;
}
input:focus{
width: 300px;
}

关于javascript - 单击时 Angular 减小表单字段大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36495777/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com