Html的表单元素,主要用途：用户输入数据，并提交给服务器

基本语法是：

<form action=”url”（是指把表单提交给谁） method=”提交的方法（get/post）,默认是get”>

各种输入元素【输入框，下拉列表，文本域，密码框】

</form>

案例：登陆界面

login.html

     
      用户名:
      
      
      密 码:
      
      
        
      
     

ok.html

登陆成功

运行效果图：

表单的基本语法

<form action="url" method=*>

... 

... 

<input type=submit> <input type=reset>

</form> 

表单中提供给用户的输入形式

<input type=* name=**>

*=text, password, checkbox, radio, image, hidden, submit, reset

**=Symbolic Name for CGI script 

*=GET, POST 

（1）表单元素的格式

<input  type=*  name=**/>

type=text[文本框] 、password[密码框] 、hidden[隐藏域] 、checkbox[复选框] 、radio[单选框]

submit[提交按钮] 、reset[重置按钮] 、image[图片按钮]

name 是你给该表单元素取名

（2）action指定把这些请求交给哪些页面

Action一般提交的是servlet,jsp文件

Post不会把提交内容在地址栏显示

Get会把提交的用户名和密码显示但地址栏的

图片也可以做成提交按钮

<input type="image" src="girl.jpg"/>

value 是在按钮上显示的字

Input元素举例

************  文本框与密码框    ************
名字：
密码：
************复选框（喜欢的水果）************
     西瓜
苹果
************单选框（选择性别） ************
     男
女
*******隐藏（他的用途主要是既可以提交数据，又不影响界面布局）****
************下拉选择（请选择你的出生地）    ************
--请选择--北京上海重庆
*****************文本域（请留言）*************
请在这里输入……  
***********文件控件(选择你要上传的文件)********
请选择文件 

 

显示效果：