<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>手机网站模板</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="stylesheet" href="css/jquery.mobile-1.0.min.css" />
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.0.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<div data-role="page" class="page">
<div data-role="header">
<a href="typography.html" data-icon="arrow-l" data-direction="reverse">返回</a>
<a href="index.html" data-icon="home" data-direction="reverse">首页</a>
<h1>Form Elements</h1>
</div><!--/header-->
<div data-role="content">
<form action="#" method="get">
<h2>Form elements</h2>
<p>This page contains various progressive-enhancement driven form controls. Native elements are sometimes hidden from view, but their values are maintained so the form can be submitted normally. </p>
<p>Browsers that don't support the custom controls will still deliver a usable experience, because all are based on native form elements.</p>
<div data-role="fieldcontain">
<label for="name">Text Input:</label>
<input type="text" name="name" id="name" value="" />
</div>
<div data-role="fieldcontain">
<label for="textarea">Textarea:</label>
<textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
</div>
<div data-role="fieldcontain">
<label for="search">Search Input:</label>
<input type="search" name="password" id="search" value="" />
</div>
<div data-role="fieldcontain">
<label for="slider2">Flip switch:</label>
<select name="slider2" id="slider2" data-role="slider">
<option value="off">Off</option>
<option value="on">On</option>
</select>
</div>
<div data-role="fieldcontain">
<label for="slider">Slider:</label>
<input type="range" name="slider" id="slider" value="0" min="0" max="100" />
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<legend>Choose as many snacks as you'd like:</legend>
<input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom" />
<label for="checkbox-1a">Cheetos</label>
<input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom" />
<label for="checkbox-2a">Doritos</label>
<input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom" />
<label for="checkbox-3a">Fritos</label>
<input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom" />
<label for="checkbox-4a">Sun Chips</label>
</fieldset>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup" data-type="horizontal">
<legend>Font styling:</legend>
<input type="checkbox" name="checkbox-6" id="checkbox-6" class="custom" />
<label for="checkbox-6">b</label>
<input type="checkbox" name="checkbox-7" id="checkbox-7" class="custom" />
<label for="checkbox-7"><em>i</em></label>
<input type="checkbox" name="checkbox-8" id="checkbox-8" class="custom" />
<label for="checkbox-8">u</label>
</fieldset>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<legend>Choose a pet:</legend>
<input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
<label for="radio-choice-1">Cat</label>
<input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" />
<label for="radio-choice-2">Dog</label>
<input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" />
<label for="radio-choice-3">Hamster</label>
<input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4" />
<label for="radio-choice-4">Lizard</label>
</fieldset>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup" data-type="horizontal">
<legend>Layout view:</legend>
<input type="radio" name="radio-choice-b" id="radio-choice-c" value="on" checked="checked" />
<label for="radio-choice-c">List</label>
<input type="radio" name="radio-choice-b" id="radio-choice-d" value="off" />
<label for="radio-choice-d">Grid</label>
<input type="radio" name="radio-choice-b" id="radio-choice-e" value="other" />
<label for="radio-choice-e">Gallery</label>
</fieldset>
</div>
<div data-role="fieldcontain">
<label for="select-choice-1" class="select">Choose shipping method:</label>
<select name="select-choice-1" id="select-choice-1">
<option value="standard">Standard: 7 day</option>
<option value="rush">Rush: 3 days</option>
<option value="express">Express: next day</option>
<option value="overnight">Overnight</option>
</select>
</div>
<div data-role="fieldcontain">
<label for="select-choice-3" class="select">Your state:</label>
<select name="select-choice-3" id="select-choice-3">
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT
(FZY024)切换效果不错的jquery.mobile手机网站模板.zip （63个子文件） 
(FZY024)切换效果不错的jquery.mobile手机网站模板 
personal-contact.html 3KB gallery2.html 3KB inset-list.html 4KB location1.html 4KB contact-index.html 2KB blog-post.html 4KB portfolio.html 3KB js 
jquery-1.6.4.min.js 90KB jquery.mobile-1.0.min.js 80KB script.js 102KB filter-list.html 2KB form-elements.html 9KB gallery-index-grid.html 2KB blog-posts.html 3KB list-index.html 2KB typography.html 4KB img 
translucent-bg.png 923B
thumb4.jpg 5KB thumb5.jpg 7KB logo.png 11KB thumb3.jpg 10KB gallery thumb city 02.jpg 11KB 06.jpg 17KB 01.jpg 10KB 05.jpg 14KB 04.jpg 13KB 03.jpg 12KB holiday 02.jpg 18KB 01.jpg 8KB 05.jpg 7KB 04.jpg 11KB 03.jpg 11KB full city 02.jpg 175KB 06.jpg 186KB 01.jpg 95KB 05.jpg 89KB 04.jpg 140KB 03.jpg 187KB holiday 02.jpg 90KB 01.jpg 106KB 05.jpg 85KB 04.jpg 218KB 03.jpg 54KB icons.png 3KB
loader.gif 3KB social_icons qzone.png 4KB weibo.png 4KB tq.png 4KB thumb7.jpg 9KB thumb6.jpg 12KB thumb2.jpg 15KB thumb.jpg 115KB woodbg.png 101KB polaroid.png 5KB css style.css 12KB jquery.mobile-1.0.min.css 48KB gallery-index-list.html 2KB gallery1.html 4KB index.html 2KB gallery-types.html 2KB about.html 6KB location3.html 4KB location2.html 4KB资源评论
大黄鸭duck.
- 粉丝: 6729
- 资源: 1万+
最新资源
- 格拉姆角差场一维数据转换二维图像的方法（Matlab代码和数据）
- 微信小程序打卡.zip
- vscode 远程连接使用的server服务端
- 格拉姆角和场一维数据转换二维图像的方法（Matlab代码和数据）
- 利用ne555单稳态模式实现声光控延时灯（multisim仿真）
- 局部最大同步压缩变换一维数据转换二维图像的方法（Matlab代码和数据）
- 开源中件间zookeeper和kafka客户端配置，用于运维人员了解开发人员如何使用代码环节对接zookeeper和kafka
- 微信小程序开发地图demo，地图导航、标记标注.zip
- 离散韦格纳分布Discrete Wigner-Ville Distribution一维数据转换二维图像的方法（Matlab代码和数据）
- 连续小波变换一维数据转换二维图像的方法（Matlab代码和数据）
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
