角上點擊減少表單字段大小

我是新來的角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>

來源

2016-04-08 user56690

沒有任何代碼，我們不能幫你。通過編輯發佈相關代碼。 –

而不是ng-hide和ng-show，你可以使用ng-class。根據最後一次點擊，您可以設置一個控制器變量（在下面的示例中爲「selected」），並在您的html文件中將其類型設置爲如下所示。

<input ... ng-class="{selected ? reducedSize : increasedSized}" />

來源

2016-04-08 09:18:11

只需使用CSS

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

來源

2016-04-08 09:20:40

您可以使用兩種方法。一個用於ng-click另一個用於ng-blur 並做任何你想做的事情。

ng-click="inputClickFunction()" and ng-blur="inputBlurFunction()"

來源

2016-04-08 10:02:06 Pranab

角上點擊減少表單字段大小

回答

相關問題