• <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. MTK Android 设置-选择日期格式 [管理和组织首选项，ListPreference,CheckBoxPreference,EditTextPreference,RingtonePreference]

    ###android.preference.ListPreference的一些特性 android:key  选项的名称或键 android:title  选项的标题 android:summary  ...

  2. Flask 入门（十三）

    上文提到的Blueprint和厉害吧? 可是有个缺点,就是,还不够框架,因为一个功能不可能就一个文件啊?多文件怎么解决? 还和上文项目架构一样 1.新建两个目录,admin,function 2.ad ...

  3. MySQL5.7使用Notifier启动、停止服务时出现的问题

    1.选择右击右下角 MySQL Notifier ,选择 Actions -> Manage Monitored Items 2.选择当前的服务 MySQL57  并进行删除 3.然后点击  a ...

  4. foreach-- for循环的增强型：for(类型 变量 : 数组对象) { 使用变量 }

    /* * foreach:增强for循环,一般用于遍历集合或者数组 * 格式: * for(元素的类型 变量 : 集合或者数组对象) { * 可以直接使用变量; * } 注意:在增强for循环中不能修 ...

  5. Struts2-学习笔记系列(8)-异常处理

    后台抛出自定义异常 public String execute() throws Exception { if (getUser().equalsIgnoreCase("user" ...

  6. Linux 下普通用户切换root超级管理员用户的几种方法

    1.在命令行下输入:sudo su ,之后会提示你输入密码 2.此时输入你之前设定的密码既可: 3.但有时会提示你该普通用户不在sudoers文件里 4.此时可以使用以下命令来切换root用户权限:s ...

  7. Python财经数据接口包TuShare的使用

    安装TuShare 方式1:pip install tushare 方式2:访问https://pypi.python.org/pypi/tushare/下载安装 方式3:将源代码下载到本地pytho ...

  8. HPU第一次团队赛

    D. Tom的战力问题 Tom被斯派克揍了TAT.Tom下定决心要战胜斯派克.但是在战胜最强的斯派克之前,Tom要先打败其他的狗.为此,他打算先收集一下信息.现在Tom在了得到了一些关于战斗力的小道消 ...

  9. HTTPoxy漏洞（CVE-2016-5385）复现记录

    漏洞介绍: httpoxy是cgi中的一个环境变量:而服务器和CGI程序之间通信,一般是通过进程的环境变量和管道. CGI介绍 CGI 目前由 NCSA 维护,NCSA 定义 CGI 如下:CGI(C ...

  10. 2020.4面试分享（7面收割5个offer）

    都说金三银四是找工作的最佳时节,由于本人的个人职业规划跟目前工作内容不太相符(具体原因就不透露了,领导平时也要来这里逛,哈哈),四月份挑选了10多家公司投递简历(公司规模从几十人到上万人都有),参加了 ...