文本输入框
<input type="text" name="name" id="name" placeholder="全名">
文本域
<textarea name="addinfo" id="info" placeholder="工作经验"></textarea>
单选按钮
<fieldset data-role="controlgroup" data-type="horizontal">
<legend>性别：</legend>
<label for="male">男性</label> <input type="radio" name="gender" id="male" value="male" checked>
<label for="female">女性</label> <input type="radio" name="gender" id="female" value="female">
</fieldset>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="js/jquery.mobile-1.4.5.min.css">
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>信息登记</h1>
</div>
<div data-role="main" class="ui-content">
<form method="post" action="login.aspx">
<div class="ui-field-contain">
<label for="name">姓名:</label>
<input type="text" name="fullname" id="name">
<label for="IDCard">身份证号码:</label>
<input type="text" name="IDCard" id="IDCard">
<label for="birthday">生日:</label>
<input type="date" name="bday" id="birthday">
<label for="email">E-mail:</label>
<input type="email" name="email" id="email" placeholder="电子邮箱..">
<div data-role="fieldcontain">
<fieldset data-role="controlgroup" data-type="horizontal">
<legend>性别：</legend>
<label for="male">男性</label> <input type="radio" name="gender" id="male" value="male" checked>
<label for="female">女性</label> <input type="radio" name="gender" id="female" value="female">
</fieldset>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup" data-type="horizontal">
<legend>精通开发语言：</legend>
<label for="red">C#</label>
<input type="checkbox" name="favcolor" id="red" value="red" checked>
<label for="green">Java</label>
<input type="checkbox" name="favcolor" id="green" value="green">
<label for="blue">delphi</label>
<input type="checkbox" name="favcolor" id="blue" value="blue">
</fieldset>
</div>
<label for="info">工作经验:</label>
<textarea name="addinfo" id="info"></textarea>
<input type="submit" data-inline="true" value="注册">
</div>
</form>
</div>
</div>
</body>
</html>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
