zoukankan      html  css  js  c++  java
  • html表单示例

    <!DOCTYPE html>
    <html>
    <head>
    <title>表单</title>
    </head>
    <body>
    <h1>注册表单</h1>
    <form action="" method="get">
    <p>
    <label>用户名:</label>
    <input type="text" name="user" />
    </p>
    <p>
    <label>密&nbsp;&nbsp;&nbsp;码:</label>
    <input type="password" name="password" />
    </p>
    <p>
    <label>性&nbsp;&nbsp;&nbsp;别:</label>
    <input type="radio" name="gender" value="0" /> 男
    <input type="radio" name="gender" value="1" /> 女
    </p>
    <p>
    <label>爱&nbsp;&nbsp;&nbsp;好:</label>
    <input type="checkbox" name="like" value="0"> 学习
    <input type="checkbox" name="like" value="1"> python
    <input type="checkbox" name="like" value="2"> 游泳
    </p>
    <p>
    <label>文&nbsp;&nbsp;&nbsp;件:</label>
    <input type="file" name="file">
    </p>
    <p>
    <label>个人介绍:</label>
    <textarea name='introduce'></textarea>
    </p>
    <p>
    <label>籍&nbsp;&nbsp;&nbsp;贯:</label>
    <select name="site">
    <option value="0">北京</option>
    <option value="1">上海</option>
    <option value="2">河南</option>
    <option value="3">河北</option>
    <option value="4">山东</option>
    </select>
    </p>
    <p>
    <input type="submit" name="" value="提交1">
    <input type="reset" name="" value="重置1">
    </p>

    </form>
    </body>
    </html>

    注释:action 表示提交的地址

      method 提交的方法一般有get 和 post 两种方法,测试时一般用get可以看到提交的信息,但是正式发布时一般用post防止看到敏感信息
    结果如下:

     最后显示的提交1和重置1 是因为我设置了value值,假如不设置值,默认显示提交和重置

  • 相关阅读:
    递归回溯 UVa140 Bandwidth宽带
    嵌入式设备网络设置
    海思板卡SATA最佳读写块大小测试
    Linux日志轮循实现(shell)
    检测应用的内存泄漏情况(shell)
    Python的交叉编译移植至arm板
    写一个简单的配置文件和日志管理(shell)
    shell 实现主板测试
    主板硬件性能测试
    C语言 模2除法
  • 原文地址:https://www.cnblogs.com/fuyouqiang/p/11790851.html
Copyright © 2011-2022 走看看