zoukankan      html  css  js  c++  java

  • form

    1. <!DOCTYPE html>
    2. <html lang="en,zh">
    3. <head>
    4. <meta charset="utf-8">
    5. <title>表单</title>
    6. <link rel="stylesheet" type="text/css" href="F:form.css">
    7. </head>
    8. <body background="F:\web\form\图片\背景.jpg">
    9. <form style="display:block;position:fixed;top:20px;left:100px;400px;height:300px;border: 1px solid #006600"method="get" action="" >
    10. <h1>表单</h1>
    11. <div>
    12. <p>
    13. username:<input type="txet" name="username" value="请输入用户名" style="color:#999" onfocus="if(this.value=='请输入用户名'){this.value='';this.style.color='#424242'}" onblur="if(this.value==''){this.value='请输入用户名';this.style.color='#999'}">
    14. </p>
    15. <p>
    16. password:<input type="password" name="username">
    17. </p>
    18. <p>
    19. 性别：
    20. 男<input type="radio" name="性别" value="男">
    21. 女<input type="radio" name="性别" value="女">
    22. </p>
    23. <p>
    24. 邮箱:<input type="txet" name="username" value="请输入邮箱" style="color:#999" onfocus="if(this.value=='请输入邮箱'){this.value='';this.style.color='#424242'}" onblur="if(this.value==''){this.value='请输入邮箱';this.style.color='#999'}">
    25. </p>
    26. <p>
    27. 爱好:
    28. 阅读<input type="checkbox" name="爱好" value="阅读">
    29. 动漫<input type="checkbox" name="爱好" value="动漫">
    30. 篮球<input type="checkbox" name="爱好" value="篮球">
    31. 足球<input type="checkbox" name="爱好" value="足球">
    32. 电竞<input type="checkbox" name="爱好" value="电竞">
    33. </p>
    34. </div>
    35. <input type="submit">
    36. </form>
    37. </body>
    38. </html>

                                                                                   效果图

                                                                        
  • 相关阅读:
    c#处理3种json数据的实例
    Json to JObject转换的使用方法
    js 中对象属性特性的描述
    js 中对象属性的特性
    js 中对象--对象结构（原型链基础解析）
    js 中对象--属性相关操作
    js 的对象--如何定义一个对象
    js 中特殊形势的函数-匿名函数的应用
    js 默认的参数、可变的参数、变量作用域
    js 通过function来定义函数
  • 原文地址：https://www.cnblogs.com/yixiaoyu/p/9677496.html
Copyright © 2011-2022 走看看