表单标签
　　　　* 可以提交数据到**网站上的服务器，这个过程可以使用表单标签实现
　　　　* <form></form>：定义一个表单的范围
　　　　- 属性
　　　　　　** action：提交到地址，默认提交到当前页面
　　　　　　** method: 表单提交方式
　　　　- 常用的有两种：get和post，默认是get请求

　　　　** get和post区别
　　　　1、get请求地址栏会携带提交的数据，post不会携带（请求体里面，后面http协议的时候再详解）
　　　　2、get请求安全级别较低，post较高
　　　　3、get请求数据有大小的限制，post没有限制。

　　　　** enctype：一般请求不需要用到这个属性，做文件上传时候需要设置这个属性。

　　　　** 输入项：可以输入内容或者选择内容的部分
　　　　　　- 大部分的输入项 使用 <input type="输入项的类型"/>

　　　　　　　　*********** 在输入项里面要有一个name属性，为了用数据库保存数据 **********

　　　　　　*** 普通输入项： <input type="text"/>

　　　　　　*** 密码输入项： <input type="password"/>

　　　　　　*** 单选输入项： <input type="radio"/>
　　　　　　　　- 在里面需要属性 name
　　　　　　　　- name的属性值必须要相同
　　　　　　　　- 必须有一个value值

　　　　　　　　**** 实现默认选中的属性
　　　　　　　　　　-- checked="checked"

　　　　　　*** 复选输入项： <input type="checkbox"/>
　　　　　　　　- 在里面需要属性 name
　　　　　　　　- name的属性值必须要相同
　　　　　　　　- 必须有一个value值

　　　　　　　　**** 实现默认选中的属性
　　　　　　　　　　-- checked="checked"

　　　　　　*** 文件输入项：（上传时候用到）
　　　　　　　　<input type="file"/>

　　　　　　*** 隐藏项：
　　　　　　　　<input type="hidden"/>

　　　　　　*** 下拉输入项（不是在input标签里面）
　　　　　　　　<select name="birthday">
　　　　　　　　　　<option value="0">请选择</option>
　　　　　　　　　　<option value="1995">1995</option>
　　　　　　　　　　<option value="1996">1996</option>
　　　　　　　　　　<option value="1997">1997</option>
　　　　　　　　</select>
　　　　　　　　**** 默认选中
　　　　　　　　　　selected="selected"

　　　　　　*** 文本域：
　　　　　　　　<textarea cols="10" row="5"></textarea>

　　　　*** 提交按钮：
　　　　　　　<input type="sumbit"/>
　　　　　　　<input type="sumbit" value="注册"/>

　　　　　　　当在输入项里面写了name属性之后
　　　　　　　　　file:///D:/Java/JavaWeb/day01/09-表单标签1.html?phone=15872586170&pwd=wyj0320.cn&sex=male&love=y&love=p&f=&birthday=1997&txt=love&hid=

　　　　　　　　　** ?输入项name的值-输入的值&
　　　　　　　　　** 参数类似于Map集合里面的key-value

　　　　　*** 使用图片提交
　　　　　　　<input type="image" src="图片路径"/>

　　　　　*** 重置按钮：回到输入项的初的状态
　　　　　　　<input type="reset"/>

　　　　　*** 普通按钮（js里面用到）
　　　　　　　<input type="button" value="普通按钮"/>

　　完整代码：

<html>

    <head>

        <title>World</title>

    </head>

    <body>

    <!-- 测试表单 -->

        <form action="01-hello.html" method="post">

            手机号码：<input type="text" name="phone"/><br/>

            创建密码：<input type="password" name="pwd"/><br/>

            性别：<input type="radio" name="sex" value="female"/>女 <input type="radio" name="sex" value="male" checked="checked"/>男<br/>

            爱好：<input type="checkbox" name="love" value="y"/>羽毛球 <input type="checkbox" name="love" value="p" checked="checked"/>乒乓球 <input type="checkbox" name="love" value="z"/>足球

            <br/>

            文件：<input type="file" name="f"/><br/>

            生日：<select name="birthday">

                    <option value="0">请选择</option>

                    <option value="1995">1995</option>

                    <option value="1996">1996</option>

                    <option value="1997"  selected="selected">1997</option>

                  </select>

                  <br/>

            自我描述：<textarea cols="10" rows="5" name="txt"></textarea>

            <br/>

            隐藏项：<input type="hidden" name="hid"/> <br/>

            <input type="submit" value="注册"/>

            <br/>

            <!--<input type="image" src="data:images/a.jpg"> -->

            <input  type="reset"/>

            <br/>

            <input type="button" value="普通按钮"/>

        </form>

    </body>

</html>

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. prince2的市场使用规模有多大？

    PRINCE2的使用和应用非常广泛.在过去的12个月里,超过60,000人参加了PRINCE2基础资格(Foundation)或从业资格(Practitioner)考试.现在每周参加考试的人数超过了2 ...

  2. Mycat中间件

    数据库中间件Mycat自我介绍 一.mycat概述 1.功能介绍 mycat一个开源的分布式数据库系统,是一个实现了mysql协议的server前端用户可以把它看成一个数据库代理,用mysql客户端工 ...

  3. C# winfrom Datagridview控件下拉菜单

    拖拽一个datagridview放在界面,编辑列把下来菜单那列ColumnType设置成DataGridViewComboBoxColumn 然后在数据一栏的Items可以写下来菜单的内容也可以后台代 ...

  4. Exchange 2016 CU6 安装后，发生错误 出现意外错误，无法处理您的请求

    公司的Exchange2016环境准备上线了,今天owa打不开了.出现如下图的错误,更多详细信息没有截图,但最关键的一句记下来了. X-OWA-Error Microsoft.Exchange.Dia ...

  5. 深入浅出SharePoint2010——请假系统无代码篇之工作流设计

    使用SharePoint Designer 2010进行设计. 主要使用的Actions如下图所示. 关于权限,考虑到严谨的权限设计,所以所有参与人员均为Read权限. 关于请假天数的计算,请假天数的 ...

  6. [EffectiveC++]item23：Prefer non-member non-friend functions to member functions

    99页 导致较大封装性的是non-member non-friend函数,因为它并不增加“能否访问class内之private成分”的函数数量.

  7. JavaScript的事件对象_滚轮事件

    用户在使用键盘时会触发键盘事件.“DOM2 级事件”最初规定了键盘事件,结果又删除了相应的内容.最终还是使用最初的键盘事件,不过 IE9 已经率先支持“DOM3”级键盘事件. 一.键码 在发生 key ...

  8. JAVA中正则表达式学习总结

    一.JAVA中正则表达式相关的类 1. java.util.regex.Pattern 该类用于编译模式,模式可以理解为一个正则表达式,比如:a*b. 用法如下: // 创建模式 Pattern p ...

  9. bzoj4037 [HAOI2015]数字串拆分

    Description 你有一个长度为n的数字串.定义f(S)为将S拆分成若干个1~m的数的和的方案数,比如m=2时,f(4)=5,分别为4=1+1+1+1你可以将这个数字串分割成若干个数字(允许前导 ...

  10. 关于C++学习笔记

    以清华大学出版社<C++语言程序设计> 第四版,郑莉,董渊,何江舟 三位老师编著为蓝本. 写这学习笔记,是为了自己清晰梳理C++.重粘代码也是为了方便更容易认清结构.