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

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 对象

html5新增的一些语义话标签,可以使用比如头部可以使用header标签,导航nav,主体部分可以使用section,底部footer,中间文章article。

div,ul li标签都是使用比较频繁的标签,span,i,em可以对文字进行单独的描述,表示等。

<article>标签定义外部的内容,比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。

<canvas>标签定义图形,比如图表和其他图像,这个 HTML 元素是为了客户端矢量图形而设计的。

它自己没有行为,但却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都绘制到一块画布上。

标签定义元素的细节,用户可进行查看,或通过点击进行隐藏与 <legend>一起使用,来制作 detail 的标题,该标题对用户是可见的,当在其上点击时可打开或关闭 detail。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/8323166.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存