• 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>
  • 相关阅读:
    Thinkphp6笔记十八:默认分页2
    Thinkphp6笔记十八:默认分页1
    Thinkphp6笔记十七:模板标签使用
    Thinkphp6笔记十六:IP黑名单
    Thinkphp6笔记十五:模板路径自定义配置
    Thinkphp6笔记十四:Redis配置
    Thinkphp6笔记十三:验证器(模型验证)
    Thinkphp6笔记十三:验证器(场景验证)
    Thinkphp6笔记十三:验证器(控制器验证)
    Thinkphp6笔记十二:多数据库配置
  • 原文地址:https://www.cnblogs.com/ZhengYing0813/p/12539975.html
Copyright © 2020-2023  润新知