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>

                                                                                   效果图

                                                                        
  • 相关阅读:
    【原创】大数据基础之调度框架
    使用mysql索引的规则
    mysql分区（partition）
    mysql-主从复制（二）
    yum 一些命令
    centos 升级php、mysql（webtatic）
    Linux 查找文件方法
    mysql-备份和还原（普通还原和binlog还原）
    mysql-主从复制（一）
    GSAP JS基础教程--动画的控制及事件
  • 原文地址：https://www.cnblogs.com/yixiaoyu/p/9677496.html
Copyright © 2011-2022 走看看