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值,假如不设置值,默认显示提交和重置

  • 相关阅读:
    Linux基础命令(二)
    Linux基础命令(一)
    安装Centos 7操作系统
    网络基础之网络协议
    操作系统简介
    计算机硬件知识
    VS快捷键
    VB.NET 编程元素支持更改总结
    VB.Net中确认退出对话框的实现
    VB定义变量
  • 原文地址:https://www.cnblogs.com/fuyouqiang/p/11790851.html
Copyright © 2011-2022 走看看