• <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 对象-->大小比较

    1.定义和用法 规则:从左至右依次对比相同下标处的字符,当两个字符不相等时,哪个字符的ASCII值大,那就哪个字符串就大. 返回值为1,左边大于右边 返回值为-1,右边大于左边 返回值为0,则相等 举 ...

  2. lr具体使用步骤概述

    lr具体使用 1 无工具情况下的性能测试 2性能测试工具LoadRunner的工作原理 3 VuGen应用介绍 4 协议的类型及选择方法 5 脚本的创建过程 6 脚本的参数化 7 调试技术 8 Con ...

  3. AJ学IOS（42）UI之核心动画CAAnimationGroup以及其他

    AJ分享,必须精品 效果: 代码: 很简单,不多说,就是把一堆动画放一起,看代码. - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent * ...

  4. 基于my-DAQ的温室迷你温室设计

    这是一个小项目,采用NI的my-DAQ做数据采集,需要采集的数据有温度(LM35),气体(MQ2),需要控制的设备有风扇.加热棒,另外还有光照亮度调节. 一.数据采集 1.LM35 LM35是模拟输出 ...

  5. k3s-初体验

    k3s安装步骤 1.准备工作 关闭swap交换分区 swapoff -a 关闭防火墙 systemctl stop firewalld.service 2.下载启动k3s包 https://githu ...

  6. 批量重命名脚本（Python）

    便携的批处理脚本,代码如下: import os import sys def rename(): path=input("请输入路径(例如D:/picture):") name= ...

  7. (转载)基于BIGINT溢出错误的SQL注入

    我对于通过MySQL错误提取数据的新技术非常感兴趣,而本文中要介绍的就是这样一种技术.当我考察MySQL的整数处理方式的时候,突然对如何使其发生溢出产生了浓厚的兴趣.下面,我们来看看MySQL是如何存 ...

  8. Python数据预处理：使用Dask和Numba并行化加速

    如果你善于使用Pandas变换数据.创建特征以及清洗数据等,那么你就能够轻松地使用Dask和Numba并行加速你的工作.单纯从速度上比较,Dask完胜Python,而Numba打败Dask,那么Num ...

  9. Java去除ArrayList集合中重复字符串的案例

    ArrayList去除集合中的字符串重复值 分析: A:创建集合对象 B:添加多个字符串元素 C:创建新集合 D:遍历旧集合,获取得到每一个元素 E:拿着个元素到新集合去找,看有没有 有:不进去 没有 ...

  10. Java 网络编程 -- 基于TCP 模拟多用户登录

    Java TCP的基本操作参考前一篇:Java 网络编程 – 基于TCP实现文件上传 实现多用户操作之前先实现以下单用户操作,假设目前有一个用户: 账号:zs 密码:123 服务端: public c ...