苹果home键在哪里设置:学习笔记——HTML表单(Forms)

来源：百度文库 编辑：九乡新闻网 时间：2024/04/29 13:47:21
          多福老人欢迎您                 http://qwp43.360doc.com

参考来源：www.BlaBla.cn 布啦布啦网页教程与代码
HTML 教程与实例代码
HTML 教程
HTML 基本概念
HTML 基础 Tag
HTML 常用格式
HTML 特殊字符
HTML 超链接 (Hyperlinks)
HTML 相对路径和绝对路径
HTML 表格 (Tables)
HTML 框架 (Frames)
HTML 列表 (Lists)
HTML 表单 (Forms)
HTML 图片 (Images)
HTML 字体 (Fonts)
HTML 背景颜色和图片
HTML 头部信息 (Head)
HTML 代码实例
HTML 参考
HTML 知识库
W3C HTML 4.01 标准 英文版
W3C XHTML 1.0 标准 英文版
学习笔记
（十）HTML表单(Forms)
http://www.blabla.cn/html_tutorials/037_html_form.html
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)常用控件有：
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图片(Images) 学习笔记——HTML列表(Lists) 学习笔记——如何创建HTML表格 学习笔记——如何创建HTML表格 1 学习笔记——一些基础的HTML Tag 学习笔记——HTML利用超链接打开链接文件 学习笔记——HTML背景颜色和背景图片 学习笔记——HTML头部信息(Head) 学习笔记——【HTML一些基本命令的代码】 学习笔记——布啦布啦网页教程与代码——HTML基本概念 学习笔记——HTML相对路径(Relative Path)和绝对路径(Absolute Path) HTML表单样式大全 HTML表单设计基础 HTML笔记 学习笔记—— 字体大小 Lisa学习笔记 -- 如何避免中式思维？http://www.tingvoa.com/html/20100209/13850.html 学习笔记——文字颜色 学习笔记——图片右边+文字 学习笔记——图片添加文字 学习笔记——换片+flash 学习笔记——图片的添加 学习笔记——插入动画 学习笔记——Flash+文字