手机版html

最新推荐文章于 2023-09-15 08:56:25 发布

ORACLE800

最新推荐文章于 2023-09-15 08:56:25 发布

阅读量3.6k

点赞数 2

分类专栏： python 网站制作 javascript

本文链接：https://blog.csdn.net/zhuche110/article/details/38541971

版权

网站制作同时被 3 个专栏收录

28 篇文章 0 订阅

订阅专栏

python

19 篇文章 0 订阅

订阅专栏

javascript

6 篇文章 0 订阅

订阅专栏

<!DOCTYPEhtml>
<html>
<head>
<linkrel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<scriptsrc="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<scriptsrc="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
 
<divdata-role="page" id="pageone">
  <divdata-role="header">
   <h1>欢迎来到我的主页</h1>
   <div data-role="navbar">
     <ul>
       <li><a href="#" data-icon="home">家园论坛</a></li>
       <li><a href="#" data-icon="arrow-r">知识库</a></li>
       <li><a href="#" data-icon="search">同城</a></li>
     </ul>
   </div>
 </div>
 
  <divdata-role="content">
      <form method="post" action="demoform.asp">
  <divdata-role="fieldcontain">
   <label for="points">年龄:</label>
   <input type="range" name="points" id="points"value="120" min="1" max="100">
 </div>
 
  <divdata-role="fieldcontain">
   <label for="points">体重(公斤):</label>
   <input type="range" name="points" id="points"value="50" min="1" step = "0.5"max="200">
 </div>
 
     <fieldset data-role="controlgroup">
     <legend>性别：</legend>
 
<divclass="ui-grid-a">
 
<divclass="ui-block-a">
       <label for="male">男</label>
       <input type="radio" name="gender" id="male"value="male" checked>
  </div>
<divclass="ui-block-b">
       <label for="female">女</label>
 
       <input type="radio" name="gender" id="female"value="female">    
 </div>
   </fieldset>
 
 
     <fieldset data-role="controlgroup">
     <legend>单位：</legend>
 
<divclass="ui-grid-a">
 
<divclass="ui-block-a">
       <label for="male">uml</label>
       <input type="radio" name="danwei" id="male"value="male" checked>
  </div>
<divclass="ui-block-b">
       <label for="female">gl</label>
 
       <input type="radio" name="danwei" id="female"value="female">    
 </div>
   </fieldset>
 
 
     
 
 
 
 
 
     <input type="submit" data-inline="true" value="马上计算">
   </form>
 </div>
 
  <divdata-role="footer">
   <h1>我的页脚</h1>
 </div>
</div>
 
</body>
</html>

ORACLE800

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
手机版html

http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">http://code.jquery.com/jquery-1.8.3.min.js">http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"> 欢迎来到我
复制链接

扫一扫