HTML表单标签

本文详细介绍了HTML表单的各个标签,包括表单标签的action、method、name等属性,以及输入域、多行输入域、选择域和表单按钮的使用方法,讲解了它们的属性和功能,提供了实例帮助理解。
摘要由CSDN通过智能技术生成

表单标签

表单标签

(1)action属性:设置服务器上用来处理表单数据的处理程序地址,处理程序可以是JSP程序、CGI程序、ASP.NET程序等,该属性值可以是URL地址,也可以是电子邮件地址。

  • 例如,action="http://localhost:8080/ch03/ShopCart.jsp"表示当用户提交表单呐=后,将调用服务器上的JSP页面ShopCart.jsp来处理用户的输入。
    另外,采用电子邮件地址的格式是action=“mailto:接受用户输入信息的邮件地址”。

(2)method属性:设置处理程序从表单中获得信息的方式,取值可为get或post。

  • get方法将表单中的输入信息作为查询字符串加载action指定的地址后(中间用“?”隔开)传送到服务器。查询字符串使用key=”value“的形式定义,如果有多个域,中间用&隔开,如http://localhost:8080/ch03/ShopCart.jsp?flowerid=“0169”&count=“16”,问号后面的即为查询字符串。get方法在浏览器的地址栏中以明文形式显示表单中各个表单域的值,对数据的长度有限制。

  • post方法将表单中用户输入的数据进行包装,按照HTTP传输协议中的post方式传送到服务器,且对数据的长度基本没有限制,目前大都采用此方式。

(3)name属性:设置表单的名字。
(4)onsubmit、onreset属性:设置在单击了submit或reset按钮后要执行的脚本函数名。
(5)target属性:设置显示表单内容的窗口名。


表单域

注意:尖括号里没有空格!
1、单行输入域
< input>标签用来定义单行输入域,用户可在其中输入单行信息,主要属性如下:
(1)type属性:设置输入域的类型
在这里插入图片描述
(2) name属性:设置输入域的名字。
(3)value属性:设置输入域的默认值。
(4)align属性:设置输入域的位置,可取值left、right、middle、top、bottom。
(5)onclick属性:设置按下按钮后执行的脚本函数名。
2、多行输入域
< textarea></ textarea>标签对用来定义多行文本输入域,主要属性如下:
(1)name属性:设置输入域的名字。
(2)rows属性:设置输入域的行数。
(3)cols属性:设置输入域的列数。
(4)wrap属性:设置是否自动换行,属性值可否取off(不自动换行)、hard(自动硬回车换行,换行标记一同被传送到服务器)、soft(自动软回车换行,换行标记不会被传送到服务器)。
3、选择域
< select></ select>标签对用来建立一个下拉列表,< option>标签用来定义下拉列表中的一个选项,用户可以从列表中选择一项或多项。
1)< select></ select>标签对的主要属性如下:
(1)name属性:设置下拉列表的名字。
(2)size属性:设置下拉列表中的选项个数,默认值为1。
(3)multiple属性:表示下拉列表支持多选。
2)< option>主要属性如下:
(1)selected属性:表示当前选项被默认选中。
(2)value属性:设置当前选项的值,在该项被选中后,该项的值将被传送到服务器。


表单按钮

< button></ button>标签对用于定义提交表单内容给服务器的按钮,主要属性有:
(1)type属性:设置按钮类型,属性值可取button(一般按钮)、reser(复位按钮)、submit(提交按钮)。
(2)accesskey属性:设置按钮热键,即按下Alt健的同时按下该属性值所对应的健便可以快速定位到该按钮。


表单实例
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
  <head>
    <title>表单实例</title>
  </head>
  
  <body>
    <h3 align="center">用户注册</h3>
    <from action="" method="post">
    	<table border="1" align="center">
    		<tr>
    			<td>用户名:</td>
    			
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值