JAVA之html的form,text,password,select标签

什么是form标签

form标签用于为创建 HTML 表单,双标签,常用标签属性如下:

一、action

设定当提交表单时向何处(一般为Servlet)发送表单数据。

二、method

method:设定如何将表单中的数据传送给服务器进行处理,属性值可以为get(对应于Servlet 中的doGet方法)或post (对应于Servlet 中的doPost方法) ,默认值为get。

三、enctype

设定在发送表单数据之前如何对其进行编码,属性值有三个:application/x-www-form-urlencoded(在发送前编码所有字符,默认值)、multipart/form-data(不对字符编码。在使用包含文件上传控件的表单时,必须使用该值)、text/plain(空格转换为 “+” 加号,但不对特殊字符编码)。

method中post和get方法对比

1、get提交数据时可以在地址栏中看到数据,数据安全性低;post在提交数据时看不到数据,提高了数据的安全性;
2、get方法提交的数据比post方式提交的数据少,即post方式提交的数据量大。

hidden标签

<input type="hidden" name="111" value="54654" id="888" />

在这里插入图片描述
input标签中type标签属性属性值为hidden时即为隐藏框,input标签为单标签,其标签属性如下:
1、id:设定隐藏框唯一标识符;
2、name:设定隐藏框的名字以便于服务器端获取隐藏框中的值;
3、value:设定隐藏框默认值;

文本框text

eg:

<input type="text" name="user_name" value="admin" placeholder="请输入信息" id="user_name" />

在这里插入图片描述
1、id:设定文本框唯一标识符;
2、name:设定文本框的名字以便于服务器端获取文本框中的值;
3、placeholder:设置文本框提示信息;html5新增的属性;
eg:

<input type="text"  placeholder="请输入信息" />

在这里插入图片描述
4、readonly:设置文本框是否只读,属性值为readonly则文本框只读,不可编辑,但数据可以传递到服务器端;
eg:

<input type="text" readonly="readonly" value="65465"/>

在这里插入图片描述

5、maxlength:设定输入字段的最大长度,以字符个数计。

<input type="text"  placeholder="请输入信息" maxlength="5"/>

在这里插入图片描述
在这里插入图片描述
6、disabled:设定是否禁用文本框,属性值为disabled则文本框被禁用,不可编辑,数据无法传递到服务器端。
7、value:设定文本框默认值;

注意:
1、 type标签属性默认属性值为text,即省略type标签属性的input标签为文本框。
eg:

<input name="111" placeholder="请输入信息"id="54644" />

在这里插入图片描述

password(与text属性基本相同)

1、id:设定密码框唯一标识符;
2、name:设定密码框的名字以便于服务器端获取密码框中的值;
3、placeholder:设置密码框提示信息;html5新增的属性;
4、readonly:设置密码框是否只读,属性值为readonly则密码框只读,不可编辑,但数据可以传递到服务器端;
5、maxlength:设定输入字段的最大长度,以字符个数计;
6、disabled:设定是否禁用密码框,属性值为disabled则密码框被禁用,不可编辑,数据无法传递到服务器端;
7、value:设定密码框默认值。

select(下拉列表)

下拉列表由一个select标签和多个option子标签组成:
select标签为下拉列表的父标签,select标签为双标签,其标签属性如下:
1、id:设定select标签唯一标识符;
2、name:设定select标签的名字以便于服务器端获取下拉项中的值;
3、disabled:设定是否禁用下拉列表,属性值为disabled则下拉列表被禁用,即不可选择下拉列表下拉项,默认选中的下拉项数据无法传递到服务器端。

		<select>
			<option>---请输入---</option>
			<option disabled="disabled">北京市</option>
			<option>上海市</option>
			<option>驻马店市</option>
		</select>

在这里插入图片描述
即北京市不可选中
4、multiple:设定下拉列表是否可选择多个选项,也可只写multiple ;

		<select multiple="multiple">
			<option>---请输入---</option>
			<option>北京市</option>
			<option>上海市</option>
			<option>驻马店市</option>
		</select>

在这里插入图片描述
5、size:设定下拉列表中可见选项的数目;

		<select multiple="multiple" size="2">
			<option>---请输入---</option>
			<option>北京市</option>
			<option>上海市</option>
			<option>驻马店市</option>
		</select>

在这里插入图片描述
注意:标签为select标签的子标签, option标签为双标签,其标签属性如下:
1、value:设定下拉项对应的值,该值是传到服务器端的真正数据。
2、selected:设定默认选中的下拉项,也可只写selected 。

		<select>
			<option>---请输入---</option>
			<option>北京市</option>
			<option selected="selected">上海市</option>
			<option>驻马店市</option>
		</select>

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值