• <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. Linux(Fedora)系统下配制8086汇编环境

    1.到www,nasm.us下载nasm 2.解压并安装nasm #tar -xzvf nasm-2.11.08.tar.gz #cd nasm-2.11.08 #./configure #make ...

  2. 讲真，这两款idea插件，能治愈你英语不好的病

    时不时就有小伙伴问我,"二哥,能推荐一款 IDE 吗?"你看这话问的,现在搞 Java 的不都在用 Intellij IDEA 吗,还用得着推荐(我已经和 Eclipse 分手了) ...

  3. Python爬虫系列（一）：从零开始，安装环境

    在上一个系列,我们学会使用rabbitmq.本来接着是把公司的celery分享出来,但是定睛一看,celery4.0已经不再支持Windows.公司也逐步放弃了服役多年的celery项目.恰好,公司找 ...

  4. 接口自动化测试之-requests模块详解

    一.requests背景 Requests 继承了urllib2的所有特性.Requests支持HTTP连接保持和连接池,支持使用cookie保持会话,支持文件上传,支持自动确定响应内容的编码,支持国 ...

  5. Powershell操作MySQL

    最近再用Python写一些监控脚本,并将监控数据输出到MySQL中,最后通过Python抓取MySQL中的数据进行监控汇总告警 考虑到一些微软产品使用Powershell更为方便,于是找了些资料,尝试 ...

  6. MYSQ创建联合索引，字段的先后顺序，对查询的影响分析

    MYSQ创建联合索引,字段的先后顺序,对查询的影响分析 前言 最左匹配原则 为什么会有最左前缀呢? 联合索引的存储结构 联合索引字段的先后顺序 b+树可以存储的数据条数 总结 参考 MYSQ创建联合索 ...

  7. vue的组件缓存（返回页面不刷新）

    每次使用返回是页面总是会刷新 导致了一些体验上的不愉快 现在 发现vue中的一个很方便的方法还可以用来优化性能就是: keep-alive缓存组件 <router-view v-if=" ...

  8. 005-循环结构(上)-C语言笔记

    005-循环结构(上)-C语言笔记 学习目标 1.[掌握]switch-case结构 2.[理解]case语句穿透 3.[理解]Xcode断点调试 4.[理解]while循环结构初体验 5.[掌握]w ...

  9. PHP函数：array_chunk

    array_chunk()  -  将一个数组分割成多个. 说明: array_chunk ( array $array , int $size [, bool $preserve_keys = fa ...

  10. 任意用户密码重置的十种姿势=====>学习笔记！

    原学习视频链接:https://www.butian.net/School/content?id=214%E2%80%98 1.验证码不失效 原因:获取的验证码缺少时间限制,仅判断验证码是否不正确而未 ...