学习总结20150905--表单
2015-09-05 23:04
190 查看
HTML 表单和输入
HTML 表单用于搜集不同类型的用户输入。
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。
表单使用表单标签(<form>)定义。
多数情况下被用到的表单标签是输入标签(<input>)。输入类型是由类型属性(type)定义的。
当用户要在表单中键入字母、数字等内容时,就会用到文本域。注意,表单本身并不可见。同时,在大多数浏览器中,文本域的缺省宽度是20个字符。
当用户从若干给定的的选择中选取其一时,就会用到单选框。
当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。
根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
注释:"for" 属性可把 label 绑定到另外一个元素。请把 "for"
属性的值设置为相关元素的 id
属性的值。
<label>标签的 for 属性应当与相关元素的 id 属性相同。
对于不同的输入类型,value 属性的用法也不同:
type="button","reset", "submit" - 定义按钮上的显示的文本
type="text","password", "hidden" - 定义输入字段的初始值
type="checkbox","radio", "image" - 定义与输入相关联的值
注释:<inputtype="checkbox"> 和<input type="radio"> 中必须设置 value 属性。
注释:value 属性无法与 <inputtype="file"> 一同使用。
HTML 表单用于搜集不同类型的用户输入。
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。
表单使用表单标签(<form>)定义。
多数情况下被用到的表单标签是输入标签(<input>)。输入类型是由类型属性(type)定义的。
当用户要在表单中键入字母、数字等内容时,就会用到文本域。注意,表单本身并不可见。同时,在大多数浏览器中,文本域的缺省宽度是20个字符。
当用户从若干给定的的选择中选取其一时,就会用到单选框。
当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。
表单的动作属性(Action)和确认按钮:
当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
HTML <input> 标签
定义和用法
<input>标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
HTML <label> 标签
定义和用法
<label>标签为 input 元素定义标注(标记)。label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
注释:"for" 属性可把 label 绑定到另外一个元素。请把 "for"
属性的值设置为相关元素的 id
属性的值。
<label>标签的 for 属性应当与相关元素的 id 属性相同。
属性
属性 | 值 | 描述 |
for | id | 规定 label 绑定到哪个表单元素。 |
form | formid | 规定 label 字段所属的一个或多个表单。 |
HTML <input> 标签的 value 属性
定义和用法
value 属性为 input 元素设定值。对于不同的输入类型,value 属性的用法也不同:
type="button","reset", "submit" - 定义按钮上的显示的文本
type="text","password", "hidden" - 定义输入字段的初始值
type="checkbox","radio", "image" - 定义与输入相关联的值
注释:<inputtype="checkbox"> 和<input type="radio"> 中必须设置 value 属性。
注释:value 属性无法与 <inputtype="file"> 一同使用。
相关文章推荐
- NodeJS入门(五)—— process对象
- 2015.09.05 组成原理笔记
- jQuery基础学习8——层次选择器next()和prev()方法
- hdu 5430 Reflect 求圆镜内反射N次回到出口的方法数 欧拉函数
- Word Ladder
- 二进制负数、补码、原码、反码
- Android 定时器TimerTask 简单使用
- 黑马程序员--OC多态
- 1028. List Sorting (25)
- C++ 笔试题整理 一
- 快递点短信发送软件
- 腾讯大数据之新一代资源管理与调度平台
- 华为2016校招机试题
- 函数传递const和非const非引用参数的笔记 - 20150905
- XSS进阶三
- java数据库连接池封装及使用
- Android学习——状态栏通知
- WPF学习开发历程(一)——明天开始学习
- 磁盘分区格式化,挂载,交换分区的挂载
- hdu1071