jquery mobile中的表单输入
沃阳飙
<body>
<div data-role="page">
<div data-role="header">
<h1>文本输入</h1> //这里不用input，并且header单独用一个div
</div>
<div data-role="content">
<form method="post" action="demoform.asp">
<div data-role="fieldcontain">
<label for="fullname">全名：</label> //用label后名字和输入框之间的距离远了
<input type="text" name="fullname" id="fullname">
<label for="bday">生日：</label>
<input type= "date" name="bday" id="bday"> //type为date，会出现日期下拉选择框
<label for="email">电邮：</label>
//使用 placeholder 来规定简短的提示，以描述输入字段的预期值
<input type= "email" name="email" id="email" placeholder="您的邮箱地址..">
</div>
//data-inline = true | false 规定按钮是否是行内的
<input type="submit" data-inline="true" value="提交">
</form>
</div>
</div>
</body>
<div data-role="page">
<div data-role="header">
<h1>文本输入</h1> //这里不用input，并且header单独用一个div
</div>
<div data-role="content">
<form method="post" action="demoform.asp">
<div data-role="fieldcontain">
<label for="fullname">全名：</label> //用label后名字和输入框之间的距离远了
<input type="text" name="fullname" id="fullname">
<label for="bday">生日：</label>
<input type= "date" name="bday" id="bday"> //type为date，会出现日期下拉选择框
<label for="email">电邮：</label>
//使用 placeholder 来规定简短的提示，以描述输入字段的预期值
<input type= "email" name="email" id="email" placeholder="您的邮箱地址..">
</div>
//data-inline = true | false 规定按钮是否是行内的
<input type="submit" data-inline="true" value="提交">
</form>
</div>
</div>
</body>
类似资料：