编程中如何巧用img和input

<img> 标签创建的是被引用图像的占位空间;<input> 标签用于搜集用户信息。必需的属性属性值描述alttext规定图像的替代文本。srcURL规定显示图像的 URL。可选的属性属性值描述aligntopbottommiddleleftright规定如何根据周围的文本来排列图像。不推荐使用。borderpixels定义图像周围的边框。不推荐使用。heightpixels%定义图像的高度。hspacepixels定义图像左侧和右侧的空白。不推荐使用。ismapURL将图像定义为服务器端图像映射。longdescURL指向包含长的图像描述文档的 URL。usemapURL将图像定义为客户器端图像映射。vspacepixels不推荐使用。定义图像顶部和底部的空白。widthpixels%设置图像的宽度。img> 标签有两个必需的属性:src 属性 和 alt 属性。<input> 标签HTML5 中的新属性属性值描述acceptmime_type规定通过文件上传来提交的文件的类型。alignleftrighttopmiddlebottom规定图像输入的对齐方式。不推荐使用。alttext定义图像输入的替代文本。autocompleteonoff规定是否使用输入字段的自动完成功能。autofocusautofocus规定输入字段在页面加载时是否获得焦点。checkedchecked规定此 input 元素首次加载时应当被选中。disableddisabled当 input 元素加载时禁用此元素。formformname规定输入字段所属的一个或多个表单。formactionURL覆盖表单的 action 属性。(适用于 type="submit" 和 type="image")formenctypeapplication/x-www-form-urlencoded multipart/form-data text/plain覆盖表单的 enctype 属性。(适用于 type="submit" 和 type="image")formmethodgetpost覆盖表单的 method 属性。(适用于 type="submit" 和 type="image")formnovalidateformnovalidate覆盖表单的 novalidate 属性。formtarget_blank_self_parent_topframename规定表示提交表单后在哪里显示接收到响应的名称或关键词。(只适合 type="submit" 和 type="image")heightpixels%定义 input 字段的高度。(适用于 type="image")listdatalist-id引用包含输入字段的预定义选项的 datalist 。maxnumberdate规定输入字段的最大值。maxlengthnumber规定输入字段中的字符的最大长度。minnumberdate规定输入字段的最小值multiplemultiple如果使用该属性,则允许一个以上的值。namefield_name定义 input 元素的名称。patternregexp_pattern规定输入字段的值的模式或格式。placeholdertext规定帮助用户填写输入字段的提示。readonlyreadonly规定输入字段为只读。requiredrequired指示输入字段的值是必需的。sizenumber_of_char定义输入字段的宽度。srcURL定义以提交按钮形式显示的图像的 URL。stepnumber规定输入字的的合法数字间隔。typebuttoncheckboxfilehiddenimagepasswordradioresetsubmittext规定 input 元素的类型。valuevalue规定 input 元素的值。widthpixels%定义 input 字段的宽度。(适用于 type="image")更多的关于html,css,javascript内容可参考web前端开发

(0)

相关推荐

  • HTML标签分类方式

    HTML标签分类 HTML标签(HTML元素)根据不同的分类方式可以大致分为下面几类: 按闭合特征分类 单标签元素 单标签元素,也叫空标签或空元素,指没有内容的标签,在开始标签中自动闭合. 常见的空标 ...

  • JavaScript HTML DOM Input URL 对象

    Input URL 对象是 HTML5 新增的.Input URL 对象表示使用 type="url" 属性的 HTML <input> 元素.注意:Internet ...

  • img标签到底是行内元素还是块级元素

    写这篇文章源自我之前的一次面试,题目便是问img标签属于块级元素还是行内元素,当时想都没想就说了是行内(inline)元素,面试官追问为什么能够设置 <img /> 标签的宽和高,当时脑子 ...

  • WEB前端第六课——HTML5主要更新

    WEB前端第六课——HTML5主要更新

  • Input输入对象总结详解

    Input对象可以获取用户所有行为的输入,如鼠标.键盘.加速度.陀螺仪.按钮等,所以掌握Input对象就可以在外部输入信息和系统之间进行交互.<input>-button HTML 文档中 ...

  • Input Hidden 对象

    Hidden 对象代表一个 HTML 表单中的某个隐藏输入域.这种类型的输入元素实际上是隐藏的.这个不可见的表单元素的 value 属性保存了一个要提交给 Web 服务器的任意字符串.如果想要提交并非 ...

  • Input Datetime 对象

    nput Datetime 对象是 HTML5 新增的对象.Input Datetime 对象表示使用 type="datetime" 属性的HTML <input> ...

  • JavaScript HTML DOM Input Time 对象

    Input Time 对象Input Time 对象是 HTML5 新增的对象.Input Time 对象表示使用 type="time" 属性的 HTML <input&g ...

  • WEB前端第五课——HTML表单

    WEB前端第五课——HTML表单

  • PLC编程中常用的十个典型控制程序_启保停_欧姆龙篇

    PLC编程中常用的十个典型控制程序_启保停_欧姆龙篇

  • 【八下期中】巧用中点公式 突破平四存在性问题

    例1 在平面直角坐标系中,A(-1,0),B(3,0),C在y轴上,D在直线y=x-2上. (1)若以A,B,C,D四点为顶点的四边形是平行四边形,求点D的坐标. (2)若以A,B,D三点为顶点的三角 ...

  • 面向对象编程(中)

    继承性(inheritance) 多个类中存在相同属性和行为时,将这些内容抽取到单独一个类 中, 那么多个类无需再定义这些属性和行为,只要继承那个类即可 多个类称为子类(派生类),单独的这个类称为父类 ...

  • PLC的基本数据类型,我们如何在编程中选用

    PLC的基本数据类型,我们常用的有如下几种: 1. 布尔类型 BOOL ,也就是我们常说的0和1,也可以理解为 True和False,对于PLC来说就是DI或者DO点的输入或输出状态,我们一般用Boo ...

  • C#编程中最常见的10个错误

    原创 PATRICK RYDER DotNET技术圈 2020-03-26 原文来自互联网,由长沙DotNET技术社区编译.如译文侵犯您的署名权或版权,请联系小编,小编将在24小时内删除.限于译者的能 ...

  • 北魏《汝南王修治古塔铭》,似倚实正,拙中藏巧,北魏奔放一路。

    此铭纪年为正光五年(公元524年),石高31厘米,宽47.5厘米,厚5.5厘米,27行,行17字.字迹虽不大,而结体紧凑,似倚实正,潇洒遒劲,拙中藏巧,是北魏书中奔放的一路. 汝南王即元悦,乃孝文帝元 ...

  • 《肥致碑》左右结构的拙中见巧

    看似憨厚老实的<肥致碑>其实非常"不老实".下边选取的左右结构的部分例字我们会发现其中的各种"手段".高低,大小,宽窄,倚侧,粗细--无所不用其极!

  • 在PLC编程中定时器的一些针对现场不同情况的一些妙用

    相信大家在PLC编程中常会用到定时器,定时器指令也是比较常用的指令,一般分为接通延时定时器.断开延时定时器.脉冲定时器等,相信大家对于指令也已经很熟悉,在本文中就不具体介绍定时器指令了. 本文重点介绍 ...

  • 程序员的数学基础课:编程中的数学思维

    本文将从编程的角度出发,重新梳理这些内容,作为第一篇"基础思想"的总结. 5.1 数据结构.编程语言和基础算法 这一节我们汇总数学在常见的数据结构.编程语言和基础算法中的体现,让你 ...