HTML表单ppt课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
举例：
<HTML> <HEAD> <title>设定表单的处理程序</title> </HEAD> <BODY>这是一个没有控件的表单 <form action="mailto:sdkdlcl@163.com" method= " post " target= " _self" > </form> </BODY> </HTML>
type 可选值
type取值
取值的含义
text
文字字段
password 密码域
radio
单选按钮
checkbox 复选框
button 普通按钮
submit 提交按钮
Fra Baidu bibliotek
reset
重置按钮
image
图形域
hidden
隐藏域。不显示在页面，只将内 容传递到服务器中。
file
文件域
type="text"
举 例：
3、传送方法--method
用来定义处理程序从表单中获得信息的方式， 可取值为get或post。决定了表单中已收集的数据 是用什么方法发送到服务器的。 method=get :表单数据会被视为ASP的参数发 送，也就是来访者输入的数据会附加在URL之后， 由用户直接发送至服务器。 优点：速度比post快， 缺点：但数据长度不能太长，在没有指定method 时，默认值是get。
......
</form> 说明：
“表单的处理程序“定义的是表单要提交的地 址，也就是表单中收集到的资料将要传递的程序地 址。
2、处理程序--action
举例： <HTML> <HEAD> <title>设定表单的处理程序</title> </HEAD> <BODY>这是一个没有控件的表单 <form action="mailto:sdkdlcl@163.com"> </form> </BODY> </HTML> 说明：在这个实例中，只定义了表单提交的地址为一个邮件。
4、目标显示方式--target
用来指定目标窗口的打开方式。包含4个取值： _blank：是指将返回的信息显示在新打开的中。 _parent：是指将返回的信息显示在父级的浏览窗 口中。 _self：是指将返回的信息显示在当前浏览器窗口 中。 _top：是指将返回的信息显示在顶级浏览窗口中。
4、目标显示方式--target
selected>男 <input name="rb" type="radio" value="女">女<br><br> 密码：
<input name="pwd" type="password" ><br><br> 学位：
<select name="degree"> <option value=2>本科 </option> <option value=2 selected>硕士</option> <option value=2>博士 </option>
3、传送方法--method
method=post :表单数据是与URL分开发 送，用户端的计算机会通知服务器来读取数据。 优点：数据长度没有限制。 缺点：速度比get慢。
3、传送方法--method
举例： <HTML> <HEAD> <title>设定表单的处理程序</title> </HEAD> <BODY>这是一个没有控件的表单 <form action="mailto:sdkdlcl@163.com" method=“post“> </form> </BODY> </HTML>
<HTML> <HEAD> <title>设定表单的处理程序</title> </HEAD> <BODY> <form> 用户名：
<input name="txt1" type="text"> </form> </BODY> </HTML>
type="password"
举 例：
<HTML> <HEAD> <title>设定表单的处理程序</title> </HEAD> <BODY> <form> 用户名：
</select><br><br> 爱好： <input name="chk1" type="checkbox" value="1" >游泳 <input name="chk2" type="checkbox" value="2" checked>
跑步
<br><br> <input type=submit value=" 确 定"> </form> </BODY> </HTML>
...... <form>
这不是表单的必需属性，但是为了防止表单信 息在提交到后台处理程序时出现混乱，一般要设置 一个与表单功能符合的名称。
2、处理程序--action
真正处理表单的数据脚本或程序在action属性 里，这个值可以是程序或脚本的一个完整URL。 语法： <form action= "表单的处理程序" >
<input name="txt1" type="password"> </form> </BODY> </HTML>
type="radio"
表单标记--form
表单主要用来收集客户端提供的相关信息，使 网页具有交互的功能。
在HTML中，<form></form>用来创建 一个表单，在<form>标记中，可以设置表单的基 本属性，包括表单的名称、处理程序、传送方法等。
1、表单的名称--name
语法： <form name=”表单的名称”>
第04部分 HTML--添加表单
1
<HTML> <HEAD> <title>必须使用表单</title> </HEAD> <BODY>在HTML文件中表单标记的用法 <form > 注册名：
<input name="txt1" type="text" ><br><br>   <input name="rb" type="radio" value="男"
说明
这里讲的只是表单的基本构成标记，而表单 的<form>标记只有和它所包含的具体控件相结合 才能真正实现表单收集信息的功能。
下面就对表单中各种功能的控件的添加方法加 以说明。
5、在表单上添加控件
基本语法： <form>
<input name=“控件名称” type=“控件 类型"> </form>
<HTML> <HEAD> <title>设定表单的处理程序</title> </HEAD> <BODY>这是一个没有控件的表单 <form action="mailto:sdkdlcl@163.com" method= " post " target= " _self" > </form> </BODY> </HTML>
type 可选值
type取值
取值的含义
text
文字字段
password 密码域
radio
单选按钮
checkbox 复选框
button 普通按钮
submit 提交按钮
Fra Baidu bibliotek
reset
重置按钮
image
图形域
hidden
隐藏域。不显示在页面，只将内 容传递到服务器中。
file
文件域
type="text"
举 例：
3、传送方法--method
用来定义处理程序从表单中获得信息的方式， 可取值为get或post。决定了表单中已收集的数据 是用什么方法发送到服务器的。 method=get :表单数据会被视为ASP的参数发 送，也就是来访者输入的数据会附加在URL之后， 由用户直接发送至服务器。 优点：速度比post快， 缺点：但数据长度不能太长，在没有指定method 时，默认值是get。
......
</form> 说明：
“表单的处理程序“定义的是表单要提交的地 址，也就是表单中收集到的资料将要传递的程序地 址。
2、处理程序--action
举例： <HTML> <HEAD> <title>设定表单的处理程序</title> </HEAD> <BODY>这是一个没有控件的表单 <form action="mailto:sdkdlcl@163.com"> </form> </BODY> </HTML> 说明：在这个实例中，只定义了表单提交的地址为一个邮件。
4、目标显示方式--target
用来指定目标窗口的打开方式。包含4个取值： _blank：是指将返回的信息显示在新打开的中。 _parent：是指将返回的信息显示在父级的浏览窗 口中。 _self：是指将返回的信息显示在当前浏览器窗口 中。 _top：是指将返回的信息显示在顶级浏览窗口中。
4、目标显示方式--target
selected>男 <input name="rb" type="radio" value="女">女<br><br> 密码：
<input name="pwd" type="password" ><br><br> 学位：
<select name="degree"> <option value=2>本科 </option> <option value=2 selected>硕士</option> <option value=2>博士 </option>
3、传送方法--method
method=post :表单数据是与URL分开发 送，用户端的计算机会通知服务器来读取数据。 优点：数据长度没有限制。 缺点：速度比get慢。
3、传送方法--method
举例： <HTML> <HEAD> <title>设定表单的处理程序</title> </HEAD> <BODY>这是一个没有控件的表单 <form action="mailto:sdkdlcl@163.com" method=“post“> </form> </BODY> </HTML>
<HTML> <HEAD> <title>设定表单的处理程序</title> </HEAD> <BODY> <form> 用户名：
<input name="txt1" type="text"> </form> </BODY> </HTML>
type="password"
举 例：
<HTML> <HEAD> <title>设定表单的处理程序</title> </HEAD> <BODY> <form> 用户名：
</select><br><br> 爱好： <input name="chk1" type="checkbox" value="1" >游泳 <input name="chk2" type="checkbox" value="2" checked>
跑步
<br><br> <input type=submit value=" 确 定"> </form> </BODY> </HTML>
...... <form>
这不是表单的必需属性，但是为了防止表单信 息在提交到后台处理程序时出现混乱，一般要设置 一个与表单功能符合的名称。
2、处理程序--action
真正处理表单的数据脚本或程序在action属性 里，这个值可以是程序或脚本的一个完整URL。 语法： <form action= "表单的处理程序" >
<input name="txt1" type="password"> </form> </BODY> </HTML>
type="radio"
表单标记--form
表单主要用来收集客户端提供的相关信息，使 网页具有交互的功能。
在HTML中，<form></form>用来创建 一个表单，在<form>标记中，可以设置表单的基 本属性，包括表单的名称、处理程序、传送方法等。
1、表单的名称--name
语法： <form name=”表单的名称”>
第04部分 HTML--添加表单
1
<HTML> <HEAD> <title>必须使用表单</title> </HEAD> <BODY>在HTML文件中表单标记的用法 <form > 注册名：
<input name="txt1" type="text" ><br><br>   <input name="rb" type="radio" value="男"
说明
这里讲的只是表单的基本构成标记，而表单 的<form>标记只有和它所包含的具体控件相结合 才能真正实现表单收集信息的功能。
下面就对表单中各种功能的控件的添加方法加 以说明。
5、在表单上添加控件
基本语法： <form>
<input name=“控件名称” type=“控件 类型"> </form>