摘要:一和的区别元素用于为基于的表单创建交互式控件,以便接受来自用户的数据。
一、input 和 textarea 的区别 input:
HTML 元素用于为基于Web的表单创建交互式控件,以便接受来自用户的数据。
textarea:
HTML 元素代表一个多行的纯文本编辑控件.区别:
标签是成对的,有结束标签进行闭合,标签的内容写在标签对中间;是单个标签,标签的内容通过 value 属性设置;
的值是纯文本;的值根据类型不同而不同;
没有type属性;有多种type来满足表单与用户的数据交互;
的值可以是多行的,并且有rows和cols来控制多行结构;的值是单行的;
二、用 div 模拟 textarea 标签 步骤:给 div 添加一个HTML全局属性:contenteditable="true",使 div 元素变成用户可编辑的;
给 div 添加样式 resize: vertical;,使 div 可以被用户调整尺寸,注意:别忘了设置 overflow: auto; 样式,因为resize样式不适用于overflow: visible;的块,不然 resize 不起效哦;
增加一个属性:placeholder="I am placeholder";
通过 CSS 选择器获取并显示 placeholder 的值;
直接上代码:.textarea { height: 200px; width: 300px; padding: 4px; border: 1px solid #888; resize: vertical; overflow: auto; } .textarea:empty:before { content: attr(placeholder); color: #bbb; }效果:
欢迎交流,欢迎交朋友。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/51464.html
摘要:一和的区别元素用于为基于的表单创建交互式控件,以便接受来自用户的数据。 一、input 和 textarea 的区别 input: HTML 元素用于为基于Web的表单创建交互式控件,以便接受来自用户的数据。 textarea: HTML 元素代表一个多行的纯文本编辑控件. Write something here 区别: 标签是成对的,有结束标签进行闭合,标...
摘要:与事件事件与事件均用于表单处理事件,它们之间的本质区别是否支持冒泡处理实例其中元素可以触发事件是的父元素,当它包含的元素触发了事件时,它就产生了事件在元素本身产生,在元素包含的元素中产生与也亦是如此事件元素,和元素的值都是可以发生改变的,开 blur与focus事件 focusin、focusout事件 与blur、focus事件均用于表单处理事件,它们之间的本质区别:是否支持冒泡处理...
摘要:目录第章事件介绍第章鼠标事件第章表单事件第章键盘事件第章事件的绑定和解绑第章事件对象的使用第章自定义事件与事件用交互操作中,最简单直接就是点击操作。提供了两个方法一个是方法用于监听用户单击操作,另一个方法是方法用于监听用户双击操作。 目录 第1章 事件介绍 第2章 鼠标事件 第3章 表单事件 第4章 键盘事件 第5章 事件的绑定和解绑 第6章 事件对象的使用 第7章 自定义事件 cli...
摘要:目录第章事件介绍第章鼠标事件第章表单事件第章键盘事件第章事件的绑定和解绑第章事件对象的使用第章自定义事件与事件用交互操作中,最简单直接就是点击操作。提供了两个方法一个是方法用于监听用户单击操作,另一个方法是方法用于监听用户双击操作。 目录 第1章 事件介绍 第2章 鼠标事件 第3章 表单事件 第4章 键盘事件 第5章 事件的绑定和解绑 第6章 事件对象的使用 第7章 自定义事件 cli...
摘要:通常情况下,为了给用户一个良好的体验,需要让这个多行文本输入框的高度自适应,从而避免滚动条带来的问题。到此,才算实现一个高度自适应的多行文本输入框。 一、前言 通过创建 textarea 标签,并且指定其 rows 和 cols 属性,就可以创建一个多行文本输入框。 但是当输入的内容超过指定的 rows 之后,就会出现滚动条,如果用户想要查看全部内容,那就必须来回的拖动滚动条。...
阅读 1351·2021-11-17 09:33
阅读 2916·2021-10-13 09:39
阅读 2615·2021-10-09 10:01
阅读 2408·2021-09-29 09:35
阅读 3840·2021-09-26 10:01
阅读 3466·2019-08-26 18:37
阅读 3118·2019-08-26 13:46
阅读 1866·2019-08-26 13:39