Java新人之路 -- HTML之From表单

from表单

<form> 标签用于为用户输入创建 HTML 表单。
主要功能是让用户进行信息输入，并将数据传输到后台服务器。

内容主要构成：

• input 输入框
• textarea 多行文本域
• select 下拉框

注意点：form 元素是块级元素，其前后会产生折行。

1. 常用属性

以以下这段代码为例

<div class="load">
			<p>欢迎登陆系统</p>
			<form action="#" method="" align="center" class="loadF">

				<!-- label标签和输入框 -->
				<label for="username" class="lab">用户名：</label><input type="rdt" id="username" name="uname" placeholder="请输入手机号或邮箱"
				 class="inp"><br>
				<label for="pwd" class="lab">密码：</label><input type="password" id="pwd" name="password" class="inp" placeholder="请输入密码"> <br><br>

				<div style="margin: 5px 15px;">
					<input type="submit" value="登录">
					<input type="reset" value="重置">;
					<a href="注册.html" target="_black" style="text-decoration: none;">注册</a>
				</div>
			</form>
		</div>

1.1 action

   action的值为URL地址，规定了当提交表单时向何处发送表单数据，此处用#占位符替代服务器地址

1.2 method

   method是用来指定数据传送到服务器的方式。有两种属性值：get和post，其中get是默认值。

• get方式提交的数据会在地址栏中显示出来，不安全。同时也是一种小数据的高速传输方式。
• post方式提交的数据不会显示在地址栏中。效率差但是可以提交大量的数据。

1.3 其他

• name 这个属性指定表单的名称
• tatget这个属性指定输入结果的显示窗口，常用_blank（在新窗口中显示），__top（在当前窗口显示）

2. 提交和重置

<input type="submit" value="登录">
<input type="reset" value="重置">

这是使用input标签中提供的type属性中的reset和submit 值来完成的。

关于input中的经常使用的属性：

• placeholder：规定帮助用户填写输入字段的提示

• type：规定 input 元素的类型。
  主要类型有checkbox、password、text、reset、submit、file 、hidden、image、radio、button。其中所有不在此范围内的类型都会被视为text

• name：定义 input 元素的名称。

• value：规定 input 元素的值。和value为一对，必须都存在才能提交