zoukankan      html  css  js  c++  java
  • HTML(表单标签)

    • <form> 标签
      • 用于为用户输入创建 HTML 表单
      • 表单能够包含 input 元素,比如:文本字段、复选框、单选框、提交按钮等等
      • 表单用于向服务器传输数据
        • action 属性:规定当提交表单时向何处发送表单数据
        • method 属性:规定用于发送 form-data 的 HTTP 方法
            <form>
                <p>username<input type="text" name="username" id="uid" value="" /></p>
                <p>password<input type="text" name="password" id="pid" value="" /></p>
                <input type="button" value="button">
                <input type="submit" value="submit" />
                <input type="reset" name="" id="" value="reset" />
            </form>
    • radio 单选
      • checked="" 属性:默认选中
      • name 属性:设置或返回单选按钮的名称
      • type 属性:类型
      • value 属性:单选按钮的 value 属性的值
        <body>
            <form>
                <table border="1" width="200" height="30">
                    <tr>
                        <td>
                            <input type="radio" checked="" name="sex" id="boy" value="0"> 
                            <label for="boy"></label>
                            <input type="radio" name="sex" id="girl" value="1"> 
                            <label for="girl"></label>
                            <input type="radio" name="sex" id="secret" value="2">
                            <label for="secret">保密</label>
                        </td>
                    </tr>
                </table>
            </form>
        </body>
    • checkbox 复选框
        <body>
            <form>
                <table border="1" width="300" height="30">
                    <tr>
                        <td colspan="3" align="center">
                            <label><input name="subject" id="p" type="checkbox" value="0" />Python </label> 
                            <label><input name="subject" id="j" type="checkbox" value="1" />Java </label> 
                            <label><input name="subject" id="h" type="checkbox" value="2" />Html </label> 
                            <label><input name="subject" id="g" type="checkbox" value="3" />Go </label> 
                        </td>
                    </tr>
                </table>
            </form>
        </body>
    • select 下拉框
        <body>
            <form>
                <table border="1" width="100" height="30">
                    <tr>
                        <td colspan="3">
                            <select id="school" value="dcs">
                                <option value="1">多测试深圳校区</option>
                                <option value="2">多测试广州校区</option>
                                <option value="3">多测试上海校区</option>
                                <option value="4">多测试北京校区</option>
                                <option value="5">多测试天津校区</option>
                            </select>
                        </td>
                    </tr>
                </table>
            </form>
        </body>
    • file 上传文件
        <body>
            <form>
                <table border="1" width="100" height="30">
                    <tr>
                        <td colspan="3">
                            <input type="file" />
                        </td>
                    </tr>
                </table>
            </form>
        </body>
  • 相关阅读:
    微信公众平台消息接口开发之校验签名与消息响应合并
    微信公众平台开发之在网页上添加分享到朋友圈,关注微信号等按钮
    微信公众平台自定义菜单PHP开发
    所有边权均不相同的无向图最小生成树是唯一的证明
    无向带权图的最小生成树算法——Prim及Kruskal算法思路
    排序二叉树,平衡二叉树和红黑树的概念以及相关的操作讲解
    B树、B-树、B+树、B*树
    森林、树与二叉树相互转换
    普通树转换成二叉树
    哈夫曼树
  • 原文地址:https://www.cnblogs.com/ZhengYing0813/p/12539975.html
Copyright © 2011-2022 走看看