<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>表单和输入框</title>
<script src="js/ionic.bundle.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="css/ionic.css"/>
</head>
<!--
item-input: 表单 输入框
label : label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,
就会触发此控件。就是说,当用户选择该标签时,浏览器就会
自动将焦点转到和标签相关的表单控件上。
label的属性:
for: 值:id 规定 label 绑定到哪个表单元素。
form: 值:formid 规定 label 字段所属的一个或多个表单。
-->
<body>
<div class="list">
<label class="item item-input">
<input type="text" placeholder="李志ss" />
</label>
<label class="item item-input">
<input type="text" placeholder="傻逼啊lz" />
</label>
<label class="item item-input">
<textarea placeholder="井次次次"></textarea>
</label>
</div>
<div class="list">
<label class="item item-input">
<span class="input-label">用户名:</span>
<input type="text"/>
</label>
<label class="item item-input">
<span class="input-label">密码:</span>
<input type="password" />
</label>
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title>表单和输入框</title>
<script src="js/ionic.bundle.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="css/ionic.css"/>
</head>
<!--
item-input: 表单 输入框
label : label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,
就会触发此控件。就是说,当用户选择该标签时,浏览器就会
自动将焦点转到和标签相关的表单控件上。
label的属性:
for: 值:id 规定 label 绑定到哪个表单元素。
form: 值:formid 规定 label 字段所属的一个或多个表单。
-->
<body>
<div class="list">
<label class="item item-input">
<input type="text" placeholder="李志ss" />
</label>
<label class="item item-input">
<input type="text" placeholder="傻逼啊lz" />
</label>
<label class="item item-input">
<textarea placeholder="井次次次"></textarea>
</label>
</div>
<div class="list">
<label class="item item-input">
<span class="input-label">用户名:</span>
<input type="text"/>
</label>
<label class="item item-input">
<span class="input-label">密码:</span>
<input type="password" />
</label>
</div>
</body>
</html>