html中input和output的区别?糊涂了搞不清了。哪位给解说下

html-css011

html中input和output的区别?糊涂了搞不清了。哪位给解说下,第1张

<output>标签定义不同类型的输出,比如脚本的输出,是 HTML 5 中的新标签,支持 HTML 中的全局属性,支持 HTML 中的事件属性。

属性           值                            描述

for    element_id    定义输出域相关的一个或多个元素。 

form    form_id    定义输入字段所属的一个或多个表单。  

name    name    定义对象的唯一名称。(表单提交时使用) 

浏览器支持 IE 不支持Fire支持 fox支持 Chrome支持 Safari 支持Opera支持

所有浏览器都支持 <input>标签。input的属性就比较多width,value,type,step,src,size,required,readonly,placeholder,pattern,name,multiple,min。。。

文本域(Text fields)

本例演示如何在 HTML 页面创建文本域。用户可以在文本域写入文本。

密码域

本例演示如何创建 HTML 的密码域。

复选框

本例演示如何在 HTML 页中创建文本框。用户可以选中或取消选取复选框。

单选按钮

本例演示如何在 HTML 中创建单选按钮。

简单的下拉列表

本例演示如何在 HTML 页面中创建简单的下拉列表框。下拉列表框是一个可选列表。

另一个下拉列表

本例演示如何创建一个简单的带有预选值的下拉列表。(译者注:预选值指预先指定的首选项。)

文本域(Textarea)

本例演示如何创建一个文本域(多行文本输入控制)。用户可以在文本域中写入文本。在文本域中,可写入的字符字数不受限制。

创建按钮

本例演示如何创建按钮。你可以对按钮上的文字进行自定义。

围绕数据的Fieldset

本例演示如何在数据周围绘制一个带标题的框。

带有输入框和确认按钮的表单

本例演示如何向页面添加表单。此表单包含两个输入框和一个确认按钮。

带有复选框的表单

此表单包含两个复选框和一个确认按钮。

带有单选按钮的表单

此表单包含两个单选框和一个确认按钮。

从表单发送电子邮件

此例演示如何从表单发送电子邮件

Input Button 对象

Input Checkbox 对象

Input Color 对象

Input Date 对象

Input Datetime 对象

Input Datetime Local 对象

Input Email 对象

Input FileUpload 对象

Input Hidden 对象

Input Input Image 对象

Input Month 对象

Input Number 对象

Input Password 对象

Input Range 对象

Input Radio 对象

Input Reset 对象

Input Input Search 对象

Input Submit 对象

Input Text 对象

Input Input Time 对象

Input Input URL 对象

Input Week 对象

1、<input>元素定义输入框,根据不同的 type 属性,可以变化为多种形态。例如:

<input type=text>表示文本输入框,<input type=password>表示密码输入框,<input type=radio>表示单选输入框,<input type=checkbox>表示复选输入框。

2、<select> 元素定义下拉列表;

3、<option> 元素定义待选择的选项;列表通常会把首个选项显示为被选选项。能够通过添加 selected 属性来定义预定义选项;

4、<textarea> 元素定义多行输入字段(文本域);

5、<button> 元素定义可点击的按钮;

6、<datalist> 元素为 <input>元素规定预定义选项列表;用户会在他们输入数据时看到预定义选项的下拉列表。