• <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>

HTML（表单标签）的更多相关文章

  1. SpringMVC 表单标签 & 处理静态资源

    使用 Spring 的表单标签 通过 SpringMVC 的表单标签可以实现将模型数据中的属性和 HTML 表单元素相绑定,以实现表单数据更便捷编辑和表单值的回显. form 标签 一般情况下,通过 ...

  2. SpringMVC学习系列（11） 之 表单标签

    本篇我们来学习Spring MVC表单标签的使用,借助于Spring MVC提供的表单标签可以让我们在视图上展示WebModel中的数据更加轻松. 一.首先我们先做一个简单了例子来对Spring MV ...

  3. (转载)SPRINGMVC表单标签简介

    SpringMVC表单标签简介 在使用SpringMVC的时候我们可以使用Spring封装的一系列表单标签,这些标签都可以访问到ModelMap中的内容.下面将对这些标签一一介绍. 在正式介绍Spri ...

  4. 第五节：表单标签的用法——value绑定和修饰符

    1.表单标签的用法--value绑定和修饰符 value绑定的写法:v-bind:value 或者简写 :value 修饰符: lazy , Number , trim . 用法如:  v-model ...

  5. 第四节：Vue表单标签和组件的基本用法，父子组件间的通信

    vue表单标签和组件的基本用法,父子组件间的通信,直接看例子吧. <!DOCTYPE html> <html> <head> <meta charset=&q ...

  6. SpringMVC 表单标签

    引入标签库 <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" ...

  7. SpringMVC表单标签简介

    在使用SpringMVC的时候我们可以使用Spring封装的一系列表单标签,这些标签都可以访问到ModelMap中的内容.下面将对这些标签一一介绍. 在正式介绍SpringMVC的表单标签之前,我们需 ...

  8. struts2：非表单标签

    非表单标签主要用于输出在Action中封装的信息,这在实际运用中是很常见的. 1. actionerror标签 <s:actionerror>标签主要用于输出错误信息到客户端,该标签将Ac ...

  9. [原创]java WEB学习笔记62：Struts2学习之路--表单标签:form,表单标签的属性，textfield, password, hidden，submit ，textarea ，checkbox ，list, listKey 和 listValue 属性，select ，optiongroup ，checkboxlist

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  10. Struts2的标签库（五）——表单标签

    Struts2的标签库(五) --表单标签 几个特殊的表单标签的使用: 1.checkboxlist标签 该标签用于创建多个复选框,用于同时生成多个<input type="check ...

随机推荐

  1. String、StringBuffer、StringBuilder葫芦三兄弟

    今年因为疫情的原因,本打算在读研期间好好做项目,写论文,在今年9月份能找个好工作,但现在迟迟不能开学,也无法正常的给导师打工,所以干脆就打算好好准备工(fan)作(wan)的事儿. 接触Java也有好 ...

  2. leetcode-0001 两数之和

    题目地址:https://leetcode-cn.com/problems/two-sum/ 1.暴力解法 直接双重循环,枚举出所有可能的解,时间复杂度为O(n^2),空间复杂度为O(1) var t ...

  3. Java 泛型、通配符? 解惑

    Java 泛型通配符?解惑 分类: JAVA 2014-05-05 15:53 2799人阅读 评论(4) 收藏 举报 泛型通配符上界下界无界 目录(?)[+] 转自:http://www.linux ...

  4. 自己实现一个 DFA 串模式识别器

    自己实现一个 DFA 串模式识别器 前言 这是我编译原理课程的实验.希望读完这篇文章的人即便不知道 NFA,DFA 和正规表达式是什么,也能够对它们有一个简单的理解,并能自己去实现一个能够识别特定模式 ...

  5. vscode连接云服务，搭建Python远程开发

    配置Python远程开发环境前提 配置步骤 1.windows 10 开发机配置 win10 1809后支持ssh ssh-keygen -t rsa -b 4096 #会显示生成到的目录C:\Use ...

  6. Starlims Client Request Portal 客户申请门户

    用户可以直接在starlims对外的"客户申请门户"上发起检验申请,并追踪检验进度等. 工作流程图示如下:

  7. 【Java】FlowControl 流程控制

    FlowControl 流程控制 什么是流程控制? 控制流程(也称为流程控制)是计算机运算领域的用语,意指在程序运行时,个别的指令(或是陈述.子程序)运行或求值的顺序. 不论是在声明式编程语言或是函数 ...

  8. .net批量更新(插入、修改、删除)数据库

    思路: 1. 设置DataTable中每行的状态标识,即调用DataRow的方法setAdded().setModified().Delete() 2. 使用DataAdapter的Update(Da ...

  9. CTFHub web技能树之RCE初步 命令注入+过滤cat

    在一个大佬的突然丢了个题过来,于是去玩了玩rce的两道题 大佬的博客跳转链接在此->>>大佬召唤机 叫 命令注入 一上来就是源码出现,上面有个ping的地方 <?php $re ...

  10. css: scroll-table

    .scroll-table { table tbody { display: block; max-height: 120px; overflow-y: scroll; } table thead,t ...