<!DOCTYPE HTML>

 <html>

 <head>

 <meta charset = "utf-8">

 <script src = "demo2js.js"></script>

 <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>

 <title>

 </title>

 </head>

 <body>

 <div>

 <form action = "demo2php.php" method = "post">

 账号：<input type = "text" name = "username" list = "datalist"><br>

 <datalist id = "datalist">

 <option value = "aa"></option>

 <option value = "bb"></option>

 </datalist>

 密码：<input type = "password" name = "password"><br>

 <input type = "submit" name = "submit1" value = "提交">

 <input type = "reset" name = "reset" value = "重置">

 </form>

 </div>

 <div>

 <form action = "demo2php.php" method = "post">

 <label for = "male">male</label>

 <input type = "radio" id = "male" name = "male"><br>

 <label for = "female">female</label>

 <input type = "radio" id = "female" name = "female"><br>

 <input type = "submit" name = "submit2" value = "提交">

 </form>

 </div>

 <div>

 <form action = "demo2php.php" method = "post">

 male<input type = "checkbox" name = "male"><br>

 female<input type = "checkbox" name = "female"><br>

 <input type = "submit" name = "submit3" value = "提交">

 </form>

 </div>

 <div>

 <select>

 <optgroup label="lenovel">

 <option>thinkpad</option>

 <option>lephone</option>

 </optgroup>

 <optgroup label="Apple">

 <option>iphone</option>

 <option>macbook</option>

 </optgroup>

 </select>

 </div>

 <div>

 <select>

   <optgroup label="Swedish Cars">

     <option value="volvo">Volvo</option>

     <option value="saab">Saab</option>

   </optgroup>

   <optgroup label="German Cars">

     <option value="mercedes">Mercedes</option>

     <option value="audi">Audi</option>

   </optgroup>

 </select>

 </div>

 <div>

 <iframe src = "demo3.html" frameborder="0" name = "iframe_a"></iframe>

 <a href="http://www.baidu.com" target = "iframe_a">链接</a>

 </div>

 <div>

     <p>helloworld<mark>beijing</mark></p>

 </div>

 <div>

     <form action = "demo2php.php" method = "post">

 <input type = "email">

 <input type = "submit" value = "submit">

 </form>

 </div>

 <div>

 <form action="demo-form.php" autocomplete="on">

   First name:<input type="text" name="fname"><br>

   Last name: <input type="text" name="lname"><br>

   E-mail: <input type="email" name="email" autocomplete="off"><br>

   <input type="submit">

 </form>

 </div>

 </body>

 </html>

html随笔的更多相关文章

  1. AI人工智能系列随笔

    初探 AI人工智能系列随笔:syntaxnet 初探(1)

  2. 【置顶】CoreCLR系列随笔

    CoreCLR配置系列 在Windows上编译和调试CoreCLR GC探索系列 C++随笔:.NET CoreCLR之GC探索(1) C++随笔:.NET CoreCLR之GC探索(2) C++随笔 ...

  3. C++随笔：.NET CoreCLR之GC探索（4）

    今天继续来 带大家讲解CoreCLR之GC,首先我们继续看这个GCSample,这篇文章是上一篇文章的继续,如果有不清楚的,还请翻到我写的上一篇随笔.下面我们继续: // Initialize fre ...

  4. C++随笔：从Hello World 探秘CoreCLR的内部(1)

    紧接着上次的问题,上次的问题其实很简单,就是HelloWorld.exe运行失败,而本文的目的,就是成功调试HelloWorld这个控制台应用程序. 通过我的寻找,其实是一个名为TryRun的文件出了 ...

  5. ASP.NET MVC 系列随笔汇总[未完待续……]

    ASP.NET MVC 系列随笔汇总[未完待续……] 为了方便大家浏览所以整理一下,有的系列篇幅中不是很全面以后会慢慢的补全的. 学前篇之: ASP.NET MVC学前篇之扩展方法.链式编程 ASP. ...

  6. 使用Beautiful Soup编写一个爬虫 系列随笔汇总

    这几篇博文只是为了记录学习Beautiful Soup的过程,不仅方便自己以后查看,也许能帮到同样在学习这个技术的朋友.通过学习Beautiful Soup基础知识 完成了一个简单的爬虫服务:从all ...

  7. 利用Python进行数据分析 基础系列随笔汇总

    一共 15 篇随笔,主要是为了记录数据分析过程中的一些小 demo,分享给其他需要的网友,更为了方便以后自己查看,15 篇随笔,每篇内容基本都是以一句说明加一段代码的方式, 保持简单小巧,看起来也清晰 ...

  8. 《高性能javascript》 领悟随笔之-------DOM编程篇(二)

    <高性能javascript> 领悟随笔之-------DOM编程篇二 序:在javaSctipt中,ECMASCRIPT规定了它的语法,BOM实现了页面与浏览器的交互,而DOM则承载着整 ...

  9. 《高性能javascript》 领悟随笔之-------DOM编程篇

    <高性能javascript> 领悟随笔之-------DOM编程篇一 序:在javaSctipt中,ECMASCRIPT规定了它的语法,BOM实现了页面与浏览器的交互,而DOM则承载着整 ...

  10. css随笔1

    1.简单清除浏览器样式 *{        padding: 0px;        margin: 0px;    } 2.得到屏幕范围的div html,body{        width: 1 ...

随机推荐

  1. freebsd 显示中文

    来自 :http://francs3.blog.163.com/blog/static/405767272014659311700/ 只需在 ~/.cshrc 文件添加以下几行即可. --3 在~/. ...

  2. windbg 命令 gchandles

    使用windbg导出dump文件 .dump /ma D:\testdump.dmp gchandles命令列出句柄,同时列出句柄引用的对象,演示代码如下: using System; using S ...

  3. JS懒加载

    4.如何使用js懒加载图片       a.懒加载图片是基于jquery.js的,所以: <script src="jquery.js" type="text/ja ...

  4. 【C++】C++求vector中的最大最小值

    利用algorithm库里的max_element和min_element可以得到vector的最大最小值,配合distance函数可以得到最大值的位置 #include<vector> ...

  5. jquery中奖实例代码

    <!doctype html> <html> <head> <meta http-equiv="Content-Type" content ...

  6. Hand 3D Pose Estimation

    https://cvarlab.icg.tugraz.at/projects/hand_detection/

  7. Spring第十一篇——–Spring整合Hibernate之配置数据源

    DataSource(数据源)提供了一个标准化的取得数据库连接的方式,通过getConnection()方法即可取得数据库的连接,Spring也提供了数据库连接池(DataBase connectio ...

  8. Android标签云控件：TagCloudLinkView

    可以完成添加.删除.选择操作的标签控件,可以自定样式(颜色等),可删除的标签末尾带有'×'符号.和Android-Cloud-TagView-Plus(见正文相关代码)类似. 1.layout in ...

  9. Android适配（屏幕适配、国际化适配）-转

    首先来说一下Android的屏幕适配: 关于Android屏幕的一些基本概念知识,自行充电..在此只介绍实际开发过程中的使用 1.说到Android的屏幕适配,首当其冲的就是图片的适配 图片适配遵循两 ...

  10. python_递归

    1.  递归示例 #coding:utf-8 #递归进行阶乘 def mm(num): if(num == 1): return 1 else: return mm(num-1) * num prin ...