HTML表单(Forms)
来源:百度文库 编辑:神马文学网 时间:2024/05/23 23:07:50
HTML表单(Form)是HTML的一个重要部分,主要用于采集和提交用户输入的信息。
举个简单的例子,一个让用户输入姓名的HTML表单(Form)。示例代码如下:
演示示例
学习HTML表单(Form)最关键要掌握的有三个要点:
表单控件(Form Controls) Action Method
先说表单控件(Form Controls),通过HTML表单的各种控件,用户可以输入文字信息,或者从选项中选择,以及做提交的操作。比如上面的例句里,input type= "text"就是一个表单控件,表示一个单行输入框。
用户填入表单的信息总是需要程序来进行处理,表单里的action就指明了处理表单信息的文件。比如上面例句里的http://www.blabla.cn/asdocs/html_tutorials/yourname.asp。
至于method,表示了发送表单信息的方式。method有两个值:get和post。get的方式是将表单控件的name/value信息经过编码之后,通过URL发送(你可以在地址栏里看到)。而post则将表单的内容通过http发送,你在地址栏看不到表单的提交信息。那什么时候用get,什么时候用post呢?一般是这样来判断的,如果只是为取得和显示数据,用get;一旦涉及数据的保存和更新,那么建议用post。
HTML表单(Form)常用控件(Controls)
HTML表单(Form)常用控件有:
表单控件(Form Contros) 说明
input type="text" 单行文本输入框
input type="submit" 将表单(Form)里的信息提交给表单里action所指向的文件
input type="checkbox" 复选框
input type="radio" 单选框
select 下拉框
textArea 多行文本输入框
input type="password" 密码输入框(输入的文字用*表示)
表单控件(Form Control):单行文本输入框(input type="text")
单行文本输入框允许用户输入一些简短的单行信息,比如用户姓名。例句如下:
演示示例
表单控件(Form Control):复选框(input type="checkbox")
复选框允许用户在一组选项里,选择多个。示例代码:
苹果
桔子
芒果
演示示例
用checked表示缺省已选的选项。
桔子
演示示例
表单控件(Form Control):单选框(input type="radio")
使用单选框,让用户在一组选项里只能选择一个。示例代码:
苹果
桔子
芒果
演示示例
用checked表示缺省已选的选项。
桔子
演示示例
表单控件(Form Control):下拉框(select)
下拉框(Select)既可以用做单选,也可以用做复选。单选例句如下:
演示示例
如果要变成复选,加muiltiple即可。用户用Ctrl来实现多选。例句:
举个简单的例子,一个让用户输入姓名的HTML表单(Form)。示例代码如下:
演示示例
学习HTML表单(Form)最关键要掌握的有三个要点:
表单控件(Form Controls) Action Method
先说表单控件(Form Controls),通过HTML表单的各种控件,用户可以输入文字信息,或者从选项中选择,以及做提交的操作。比如上面的例句里,input type= "text"就是一个表单控件,表示一个单行输入框。
用户填入表单的信息总是需要程序来进行处理,表单里的action就指明了处理表单信息的文件。比如上面例句里的http://www.blabla.cn/asdocs/html_tutorials/yourname.asp。
至于method,表示了发送表单信息的方式。method有两个值:get和post。get的方式是将表单控件的name/value信息经过编码之后,通过URL发送(你可以在地址栏里看到)。而post则将表单的内容通过http发送,你在地址栏看不到表单的提交信息。那什么时候用get,什么时候用post呢?一般是这样来判断的,如果只是为取得和显示数据,用get;一旦涉及数据的保存和更新,那么建议用post。
HTML表单(Form)常用控件(Controls)
HTML表单(Form)常用控件有:
表单控件(Form Contros) 说明
input type="text" 单行文本输入框
input type="submit" 将表单(Form)里的信息提交给表单里action所指向的文件
input type="checkbox" 复选框
input type="radio" 单选框
select 下拉框
textArea 多行文本输入框
input type="password" 密码输入框(输入的文字用*表示)
表单控件(Form Control):单行文本输入框(input type="text")
单行文本输入框允许用户输入一些简短的单行信息,比如用户姓名。例句如下:
演示示例
表单控件(Form Control):复选框(input type="checkbox")
复选框允许用户在一组选项里,选择多个。示例代码:
苹果
桔子
芒果
演示示例
用checked表示缺省已选的选项。
桔子
演示示例
表单控件(Form Control):单选框(input type="radio")
使用单选框,让用户在一组选项里只能选择一个。示例代码:
苹果
桔子
芒果
演示示例
用checked表示缺省已选的选项。
桔子
演示示例
表单控件(Form Control):下拉框(select)
下拉框(Select)既可以用做单选,也可以用做复选。单选例句如下:
演示示例
如果要变成复选,加muiltiple即可。用户用Ctrl来实现多选。例句:
HTML表单(Forms)
HTML表单(Forms)-HTML教程 网页教程与代码
ASP和HTML表单 (ASP and HTML Forms)
动态生成HTML表单
动态生成HTML表单
HTML 表单和输入
File input (or "upload") in HTML forms
动态生成HTML表单 - Alpha - BlogJava
html中的表单,actioon ,method,fieldset-凡夫-家园博客
Methods GET and POST in HTML forms - what‘s the difference?
Methods GET and POST in HTML forms - what‘s the difference?
HTML图片按钮提交表单的实例 - IT培训评价网
用PHP 的超级变量$_GET 获取 HTML表单(Form) 数据
html
html
Eclipse Forms Programming Guide
InfoPath Forms Services
Eclipse Forms Programming Guide
玩转表单之花样表单 表单,花样表单
玩转表单之花样表单 表单,花样表单
表单制作
表单美化
轻松玩转花样表单--表单概述
Windows Forms DataGridView中合并单元格(转)