zoukankan      html  css  js  c++  java
  • HTML5-表单的创建

    <!-- 文本-->, <!-- 复选框-->,<!-- 单选按钮-->,

    <!-- 下拉菜单,select:选择,option:选项-->

    <!-- 按钮:type="button" value="按钮!":类型-按钮,值-按钮。-->

    <!-- textarea:文本域,cols:列,rows:行-->


    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>表单</title>
    </head>
    <body>
        <form>
            用户名:
            <input type="text">
            <br/>
            密  码:
            <input type="password" ">
            <!-- 文本-->
            <br/>
            你喜欢的水果有?
            <br/>
            苹果<input type="checkbox">
            西红柿<input type="checkbox">
            香蕉<input type="checkbox">
            鸭梨<input type="checkbox">
            <!-- 复选框-->
            <br/>
            请选择你的性别:
            <br/>
            男:<input type="radio" name="sex">
            女:<input type="radio" name="sex">
            <!-- 单选按钮-->
            <br/>
            请选择你常用的网站:
            <!-- 下拉菜单,select:选择,option:选项-->
            <select>
                <option>www.jikexueyuan.com</option>
                <option>www.baidu.com</option>
                <option>www.googl.com</option>
                <option>www.qq.com</option>
                <option>www.yy.com</option>
            </select>
            <br/>
            <!-- 按钮:type="button" value="按钮!":类型-按钮,值-按钮。-->
            <input type="button" value="按钮!">
            <input type="submit" value="提交.">
    
        </form>
        <!-- textarea:文本域,cols:列,rows:行-->
        <textarea cols="30" rows="30">请在此填写个人信息:</textarea>
    </body>
    </html>
  • 相关阅读:
    JSTL和EL
    SpringMVC 上传文件and过滤器
    SQLServer 大数据查询2
    SQLServer 大数据查询分析
    Oracle分页查询
    Oracle大数据常见优化查询
    Window 下面利用Oid 获取SNMP主机信息 以及计算方法
    window 下面安装net-snmp 简单网关协议
    显示一行省略文字的详细信息
    手机自动隐藏浏览器地址栏
  • 原文地址:https://www.cnblogs.com/wintuzi/p/4399608.html
Copyright © 2011-2022 走看看