网页设计第8章表单.ppt

第9章 表单 1 表单 2 表单中输入标记 3 提交表单 1 概述 HTML表单(Form)是HTML的一个重要部分，主要用于采集和提交用户输入的信息。 表单的语法形式： form/form 属性 method action enctype … 举个简单的例子，一个让用户输入姓名的HTML表单(Form)。 html headtitle输入用户姓名/title/head body form method=get action=/123.asp 请输入姓名： input type=text name=“username br请输入密码： input type= password name= userpsd value=* input type=submit value=提交 /form /body /html 学习HTML表单(Form)最关键要掌握的有三个要点： 1 表单控件(Form Controls) 2 Action 3 Method 表单控件(Form Controls)，通过HTML表单的各种控件，用户可以输入文字信息，或者从选项中选择，以及做提交的操作。比如上面的例句里，input type= text就是一个表单控件，表示一个单行输入框。 用户填入表单的信息总是需要程序来进行处理，表单里的action就指明了处理表单信息的文件。比如上面例句里的.123.asp 至于method，表示了发送表单信息的方式。method有两个值：get和post。get的方式是将表单控件的name/value信息经过unicode编码之后，通过URL发送(可以在地址栏里看到)。而post则将表单的内容通过http发送，你在地址栏看不到表单的提交信息。那什么时候用get，什么时候用post呢？一般是这样来判断的，如果只是为取得和显示数据，用get；一旦涉及数据的保存和更新，那么建议用post。 2 表单中的输入标记 表单专用标记 input select option optgroup textarea 2.1 文本框 html headtitle输入用户姓名/title/head body form method=get action=/123.asp 请输入你的姓名： input type=text name=yourname value=李明 size=20 maxlength=5 /form /body /html 2.2 密码输入框 密码输入框(input type=“password”)主要用于一些保密信息的输入，比如密码。因为用户输入的时候，显示的不是输入的内容，而是黑点符号或者星号。例句如下： input type=password name=yourpw 2.3 复选框(input type=checkbox) html headtitle选择/title/head body 请选择你喜欢的水果：br form action = /choose.asp method = post input type=checkbox name=fruit value =apple checked苹果br input type=checkbox name=fruit value =orange桔子br input type=checkbox name=fruit value =mango芒果br input type=submit value=提交 /form /body /html 2.4 单选框(input type=radio) html headtitle选择/title/head body 请选择你最喜欢的水果：br form action = /choose.asp method = post input type=radio name=fruit value = Apple苹果br input type=radio name=fruit value = Orange桔子br input type=radio name=fruit value = Mango芒果br input type=submit value=提交 /form /body /html 2.5 提交按钮 (input type=submit) 用提交按钮建立菜单时，一定要给每个提交按钮赋予一个唯一的name属性。 html headtitle输入用户姓名/title/head body form action=/you.asp method=get input type=submit name=ch