Lesson02_03 表单标签

<form></form>

用来创建一个表单,即定义表单的开始和结束位置



















属性名 作用
action 设置处理表单的服务器端URL地址.默认为表单页
method 用来设置将表单中的信息提交给服务端的处理程序时所用的方式
  取值为:get或post 默认值为:get 传大于1K的时候要用post
target 用来指定服务器返回结果显示的目标窗口或目标帧
title 用来设置当网站访问者的鼠标在表彰会上的任一位置停留过几秒时显示的文字
enctype 指示浏览器使用哪种编码方法将表单数据传送给www服务器,其取值为:
application/x-www-form-urlencoded和multipart/form-date,默认为前者

提交按钮:<input type="submit">

用于提交表单的内容
当设有name值时其name及value也要提交给服务器




代码如下:
<form> <input type="submit"> </form> 		效果如下:

重置按钮:<input type="reset">

用于将表单的内容置为默认值




代码如下:
<form> <input type="reset"> </form>		 效果如下:

单行文本输入区域:<input type="text">

其有一个size属性来指定输入区域的大小,以字符为单位



















代码如下:
<form> <input type="text"> </form>		 效果如下:
size属性:
<form> <input type="text" size="9"> </form>		 效果如下:
maxlength属性下:
<form> <input type="text" maxlength="10"> </form>
只可以输入9个字符		 效果如下:
value属性:
<form> <input type="text" value="Loncer"> </form>		 效果如下:
readonly属性:
<form> <input type="text" readonly value="Loncer"> </form>
手工改动不了,可以用脚本去改		 效果如下:
disable属性:
<form> <input type="text" disabled value="Loncer"> </form>
当不存在这个元素,不将其传给服务器		 效果如下:

复选框按钮:<input type="checkbox">










<form> <input type="checkedbox" name=check> </form>		 效果如下:
对不
checked属性
<form> <input type="checkedbox" checked name=check> </form>		 效果如下:
对不

单选框按钮:<input type="radio">

只可以一个被选中





<form> <input type="radio" name=radio1 value=1 checked>男
<input type="radio" name=radio1 value2>女 </form>		 效果如下:
男 女

隐藏字段:<input type="hidden">

不显示,用于提交隐藏的信息

密码输入区:<input type="password">

使输入的内容为*号,即不可见的




代码如下: <from>< input type="password"> </frome> 效果如下:

按钮:<input type="button">

与脚本相连




代码如下:
<from>< input type="button" value="提交"> </frome> 		效果如下:

赞 (0)

相关推荐

  • Lesson02_03 表单标签

    <form></form>用来创建一个表单,即定义表单的开始和结束位置 属性名 作用 action 设置处理表单的服务器端URL地址.默认为表单页 method 用来设置将表单中的信息提交给服务端的处理程序时所用的方式  取值为:get或post 默认值为:get 传大于1K的时候要用post target 用来指定服务器返回结果显示的目标窗口或目标帧 title 用来设置当网站访问者的鼠标在表彰会上的任一位置停留过几秒时显示的文字 enctype 指示浏览器使用哪种编码方法将表单

  • SpringMVC表单标签知识点详解

    SpringMVC表单标签知识点详解

    本篇我们来学习Spring MVC表单标签的使用,借助于Spring MVC提供的表单标签可以让我们在视图上展示WebModel中的数据更加轻松. 一.首先我们先做一个简单了例子来对Spring MVC表单表单标签的使用有一个大致的印象,然后再结合例子对各个标签介绍一下如何使用. 1.首先,在com.demo.web.models包中添加一个模型TagsModel内容如下: package com.demo.web.models; import java.util.List; import ja

  • SpringMVC表单标签使用详解

    SpringMVC表单标签使用详解

    在使用SpringMVC的时候我们可以使用Spring封装的一系列表单标签,这些标签都可以访问到ModelMap中的内容.下面将对这些标签一一介绍. 在正式介绍SpringMVC的表单标签之前,我们需要先在JSP中声明使用的标签,具体做法是在JSP文件的顶部加入以下指令: <%@taglib uri="http://www.springframework.org/tags/form" prefix="form" %> 1.1.form标签 使用Sprin

  • SpringMVC实现数据绑定及表单标签

    SpringMVC实现数据绑定及表单标签

    首先理解数据绑定 为什么要使用数据绑定 基于HTTP特性,所有的用户输入的请求参数类型都是String,比如下面表单: 但我们提交后,为了将请求信息映射到模型中,还需要手动进行格式转换,此外还借助了一个中转对象productForm,其字段名称和Product一模一样,只是类型为String. @RequestMapping(value = "/product_save",method = RequestMethod.POST) public String saveProduct(Pr

  • JSP实现用于自动生成表单标签html代码的自定义表单标签

    本文实例讲述了JSP实现用于自动生成表单标签html代码的自定义表单标签.分享给大家供大家参考.具体如下: 这个是自己写的一个简单的JSP表单标签,用于自动生成checkbox,select,radio等标签,传入菜单集合生成html代码,自动选中指定值,用于java web项目的jsp页面. 1. Servlet部分代码: Map<String, String> map = new HashMap<String, String>(); map.put("2",

  • Spring MVC---数据绑定和表单标签详解

    Spring MVC---数据绑定和表单标签详解

    数据绑定和表单标签 数据绑定 数据绑定是将用户输入绑定到领域模型的一种特性,在Spring MVC的controller和view数据传递中,基于HTTP请求的特性,所有HTTP请求参数的类型均为字符串,如果模型领域需要绑定的类型为double或int,则需要手动进行类型转换,而有了数据绑定后,就不需要手动将HTTP请求中的String类型转换为模型需要的类型了,数据绑定的另一个好处是,当输入验证失败时,会重新生成一个HTML表单,无需重新填写输入字段. 表单标签库 表单标签库中包含了可以用在J

  • Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题

    Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题

    Vue.js可以很方便的实现数据双向绑定,所以在处理表单,人机交互方面具有很大的优势.下面给大家介绍Vue.js表单标签中的单选按钮.复选按钮和下拉列表的取值问题. 摘要: 表单标签取值问题中,单选按钮.复选按钮和下拉列表都比较特殊.这里总结一下vue.js中关于单选按钮.复选按钮和下拉列表不同情况的取值特殊性问题. 表单标签取值问题中,单选按钮.复选按钮和下拉列表都比较特殊.这里总结一下vue.js中关于单选按钮.复选按钮和下拉列表不同情况的取值特殊性问题. 一.单选按钮 单选按钮:单选按钮用

  • layui 表单标签的校验方法

    layui表单元素的校验只需在元素上加入lay-verify,layui提供了以下值. required(必填项) phone(手机号) email(邮箱) url(网址) number(数字) date(日期) identity(身份证) 自定义值 同时支持多条规则的验证,格式:lay-verify="验证A|验证B" 如:lay-verify="required|phone|number" 另外,除了我们内置的校验规则,你还可以给他设定任意的值,比如lay-ve

  • Lesson02_04 表单标签(2)

    选择上传文件:<input type="file">要将method设置为post.将enctype=multipart/form_date 代码如下:<form> <input type="file"> </form> 效果如下: 在表单上创建一个图像文件:<input type="image">没有value属性,图像可以代替提交按钮,同时还提交单击鼠标时的XY坐标代码如下:<

  • 基于JavaScript表单脚本(详解)

    基于JavaScript表单脚本(详解)

    什么是表单? 一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法. 表单域:包含了文本框.密码框.隐藏域.多行文本框.复选框.单选框.下拉选择框和文件上传框等. 表单按钮:包括提交按钮.复位按钮和一般按钮:用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作. JavaScript与表单间的关系:JS最初的应用就是用于分担服务器处理表单的责任,打破依赖服务器的局面,尽管目前web和jav

随机推荐