HTML表单和输入..docVIP

HTML 表单和输入 HTML 表单用于搜集不同类型的用户输入。 实例 文本域 (Text field) 本例演示如何在 HTML 页面创建文本域。用户可以在文本域中写入文本。 密码域 本例演示如何创建 HTML 的密码域。 （可以在本页底端找到更多实例。） 表单 表单是一个包含表单元素的区域。 表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。 表单使用表单标签（form）定义。 form ... input 元素 ... /form 输入 多数情况下被用到的表单标签是输入标签（input）。输入类型是由类型属性（type）定义的。大多数经常被用到的输入类型如下： 文本域（Text Fields） 当用户要在表单中键入字母、数字等内容时，就会用到文本域。 form First name: input type=text name=firstname / br / Last name: input type=text name=lastname / /form 浏览器显示如下： First name: Last name: 窗体底端 注意，表单本身并不可见。同时，在大多数浏览器中，文本域的缺省宽度是20个字符。 单选按钮（Radio Buttons） 当用户从若干给定的的选择中选取其一时，就会用到单选框。 form input type=radio name=sex value=male / Male br / input type=radio name=sex value=female / Female /form 浏览器显示如下： Male Female 窗体底端 注意，只能从中选取其一。 复选框（Checkboxes） 当用户需要从若干给定的选择中选取一个或若干选项时，就会用到复选框。 form input type=checkbox name=bike / I have a bike br / input type=checkbox name=car / I have a car /form 浏览器显示如下： I have a bike I have a car 窗体底端 表单的动作属性（Action）和确认按钮 当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。 form name=input action=html_form_action.asp method=get Username: input type=text name=user / input type=submit value=Submit / /form 浏览器显示如下： Username: 窗体底端 假如您在上面的文本框内键入几个字母，然后点击确认按钮，那么输入数据会传送到 html_form_action.asp 的页面。该页面将显示出输入的结果。 HTML表单(Forms) HTML表单(Form)是HTML的一个重要部分，主要用于采集和提交用户输入的信息。 举个简单的例子，一个让用户输入姓名的HTML表单(Form)。示例代码如下： form action=/html/asdocs/html_tutorials/yourname.asp method=get 请输入你的姓名： input type=text name=yourname input type=submit value=提交 /form 演示示例 学习HTML表单(Form)最关键要掌握的有三个要点： 表单控件(Form Controls) Action Method 先说表单控件(Form Controls)，通过HTML表单的各种控件，用户可以输入文字信息，或者从选项中选择，以及做提交的操作。比如上面的例句里，input type= text就是一个表单控件，表示一个单行输入框。 用户填入表单的信息总是需要程序来进行处理，表单里的action就指明了处理表单信息的文件。比如上面例句里的/html/asdocs/html_tutorials/yourname.asp。 至于method，表示了发送表单信息的方式。method有两个值：get和post。get的方式是将表单控件的name/value信息经过编码之后，通过URL发送(你可以在地址栏里看到)。而post则将表单的内容通过http发送，你在地址栏看不到表单的提交信息。那什么时候用get，什么时候用post呢？一般是这样来判断的，如果只是为取得和显示数据，用get；一旦涉及数据的保存和更新，那么建议用post。 HTML表单(Form)常