java表单元素

表单元素

<form></form>是代表表单的意思。

actio这里是提交给那个页面

method中有 1 数据提交的方式 2 get:显示提交 3 隐示提交;

例如:

这里就表示的是提交到百度,并且是现实提交。

target中

_blank:新窗口打开页面

_self:在自身的页面打开

文本类

文本框<input>:type-text

value是表示文本框的值

name是文本框的名称

form表单传值时,以name=value的形式去传值

例如

密码框<input>:type="password

value是表示密码框的值

name是密码框的名称
form表单传值时,以name=value的形式去传值

例如

隐藏域<input>:type="hidden

value是表示隐藏域的值
name是隐藏域的名称
form表单传值时,以name=value的形式去传值

例如

文字域<textarea></textarea>:值不是写在value属性中的,是写在两个标签内的

rows:可见区域的行数

cols:可见区域的横向字符数

*不显示值,但是可以提交

例如

placeholder:默认在文本框中显示的文字

按钮类

普通按钮<input>:type=button

name:按钮的名字

value:按钮显示的文字

例如

提交按钮<input>:type=reset

name:按钮的名字

value:按钮显示的文字

例如

图片按钮<input>:type=reset
name:按钮的名字
value:按钮显示的文字

例如:

<input type="image" src="ligong.png" /><br>

鼠标放在图片上的时候可以变小手 说明有连接

选择类

单选按钮<input/>:

 type="radio"
name="按钮名称"
value="是按钮的值"

例如:

<input type="radio" name="sex" id="" value="0" />男
<input type="radio" name="sex" id="" value="1" />女

多选按钮<input/>:

type="checkbox"
name="复选框的名称"
value="复选框的值"

例如

<input type="checkbox" name="" id="" value="张店" />张店
<input type="checkbox" name="" id="" value="临淄" />临淄
<input type="checkbox" name="" id="" value="高清" />高清
<input type="checkbox" name="" id="" value="桓台" />桓台

下拉列表:<select></select>:代表下拉

name:代表下拉的值

<option></option>:代表项

value代表该项的值

例如

<select name="sss">
        <option value="张店">张店</option>
        <option value="临淄">临淄</option>
        <option value="高清">高清</option>
        <option value="桓台">桓台</option>

文件选择

type:file

name:是该文件的名称

<input type="file" name="" id="" value="" />

其他属性:

readonly=“readonly”:只读 可以提交value的值

disabled=“readonly”:不可用 不可以提交value的值

cheched=“cheched”:是radio checkbox的默认选中

selected=“selected”用在下拉列表中,设置哪一项选中

原文地址:https://www.cnblogs.com/www1842564021/p/11720855.html

时间: 2024-10-11 01:28:09

java表单元素的相关文章

debug经历-------&gt;java web------&gt;为什么使用接收到的表单元素的值为null

1.问题描述: jsp页面中常常有表单元素,有时候需要在该<form>中使用文件上传标签,为了实现文件上传功能,需要将<form>元素进行二进制封装,此时如果该form中还有普通类型的表单元素,使用request.getParameter("**")是无法获取普通表单元素的值的,必须使用smartupload.getRequest().getParameter()才可以获取普通表单元素的值,并且要注意该句话一定要在smartupload.upload()之后执行

表单元素

1.单行文本框<input type="text"/>(input 的type 属性的默认值就是"text") <input type = "text" name="名称"/> 以下是单行文本框的主要属性: size:指定文本框的宽度,以字符个数为单位:在大多数浏览器中,文本框的缺省宽度是20个字符. value:指定文本框的默认值,是在浏览器第一次显示表单或者用户单击<input type=&q

基于JQuery实现表单元素值的回写

form.jsp: <%@ page language="java" import="java.util.*" pageEncoding="GB2312"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html &

在servlet中批量获取表单元素的值

如果页面有大量的表单元素,在springMVC中一般都是表单和pojo对象做相应的对应,或者直接通过request获得对象,但是还有另外一种得到表单元素的方法,具体代码如下: // java.util.Enumeration<String> req是HttpServletRequest对象 Enumeration<String> paras = req.getParameterNames(); while (paras.hasMoreElements()) { String s =

JS基础-表单元素-新表单元素-js概述

1.表单元素 1.input元素 1.隐藏域和文件选项框 1.隐藏域 <input type="hidden"> 要提交给服务器的数据,但是不想展示给用户看可以放在隐藏域中. 2.文件选择框 <input type="file"> 注意: 1.method属性的值必须为post 2.enctype属性的值必须为multipart/form-data 2.textarea元素 1.作用 允许输入多行数据的文本框. 2.语法 标记:<tex

第 10 章 表单元素[下]

学习要点: 1.其他元素 2.输入验证 主讲教师:李炎恢 本章主要探讨 HTML5 中表单中剩余的其他元素,然后重点了解一下表单的输入验证功能. 一.其他元素 表单元素还剩下几个元素没有讲解,包括下拉框列表 select.多行文本框 textarea.和 output 计算结果元素. 元素名称 说明 select 生成一个下拉列表进行选择 optgroup 对 select 元素进行编组 option select 元素中的项目 textarea 生成一个多行文本框 output 表示计算结果

html5新增表单元素和属性

从三方面来介绍html5表单的新特性表单结构更灵活 要提交数据的控件可以布局在form标签之外,看下面的代码,表单元素可以写到form元素之外,只需在元素中加入form="form1"属性,也可提交到form元素指定的服务器地址 <body><form action="upload.php" method="post" accept-charset="utf-8" id="form1"&g

HTML5 学习笔记(二)——HTML5新增属性与表单元素

目录 一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placeholder占位属性 1.7.required必填属性 1.8.pattern正则属性 1.9.autofocus自动聚焦属性 1.10.autocomplete自动完成属性 1.11.novalidate不验证属性 1.12.multiple多选属性 二.HTML5表单新功能解析 2.1.表单结构更自由

HTML之学习笔记(十)表单元素

html表单元素的基本格式为(必须包含在form标签中) 大致可以分为文本类.按钮类.复选框和单选框.文件选择几类 1.文本类 文本框标签<input type = “text“ />,属性size文本框的宽度.maxlength可输入的最大字节长度.readonly=“readonly”文本只读,无法修改 密码框标签<input type = “password” />,在页面显示为黑色小圆点 隐藏标签(隐藏域)<input type=“hidden” />,不会对页