ionic.css界面組件:表單-文本輸入

在ionic中,使用如下HTML模板創建一個帶有文本標籤的輸入框:html

<any class="item-input">
    <span class="input-label">...</span>
    <input type="text" placeholder="...">
</any>

example:less

<div class="scroll-content padding">
		<div class="list list-borderless">
			<div class="item item-image">
				<img src="img/evernote.jpg">
			</div>
		</div>
		<div class="list list-inset">
		
			<label class="item item-input">
				<span class="input-label">Username</span>
				<input type="text" placeholder="joeuser">
			</label>
			
			<label class="item item-input">
				<span class="input-label">Password</span>
				<input type="password" placeholder="required">
			</label>
		</div>
		<button class="button button-block button-balanced">Sign In</button>
	</div>
相關文章
相關標籤/搜索