什么是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>