input和textarea的区别

HTML中有两种方式表达文本框,一个是单行输入文本框input,另一个是多行输入文本框textarea

<input>元素:

1.须指定type的值为text

2.通过size属性指定显示字符长度,value指定默认值,maxlength指定最大输入字符数

<input type="text" value="123" size="10" maxlength="20">

<textarea>元素:

1.使用<textarea></textarea>标签对

2.内容放在<textarea></textarea>标签对中

3.使用row、cow指定大小

<textarea row="3" col="4">hello,I am textarea content</textarea>
时间: 2024-08-08 18:35:02

input和textarea的区别的相关文章

HTML中&lt;input&gt;和&lt;textarea&gt;的区别

在HTML中有两种方式表达文本框,一个是<input>元素的单行文本框,一种是<textarea>的多行文本框. <input>元素: 1.一定要指定type的值为text: 2.通过size属性指定显示字符的长度,value属性指定初始值,Maxlength属性指定文本框可以输入的最长长度: 1 <input type="text" value="入门狗" size="10" Maxlength=&qu

转JS--通过按钮直接把input或者textarea里的值复制到粘贴板里

document.activeElement属性为HTML 5中新增的document对象的一个属性,该属性用于返回光标所在元素.当光标未落在页面中任何元素内时,属性值返回body元素. setSelectionRange(start, end) 设置选中文本起始位置与结束位置 execCommand方法是执行一个对当前文档,当前选择或者给出范围的命令     点击按钮复制textarea文本框中内容 <script type="text/javascript"> func

去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景

本文主要核心内容为:去掉chrome(谷歌)浏览器默认的input.textarea的边框(border)和背景(background) 及chrome下不可更改textarea大小,感兴趣的朋友可以了解下 去掉chrome(谷歌)浏览器默认的input.textarea的边框(border)和背景(background) 及chrome下不可更改textarea大小 1.使用Chrome的都知道,当鼠标焦点在input.textarea这些元素上时,Chrome默认的会给它们加上黄色的边框,我

jQuery封装自定义事件--valuechange(动态的监听input,textarea)之前值,之后值的变化

jQuery封装自定义事件--valuechange(动态的监听input,textarea)之前值,之后值的变化 js监听输入框值的即时变化 网上有很多关于 onpropertychange.oninput的讲解,但是他们都不是我想要的,我想要的是动态的监听input,textarea等之前值和之后改变的值,比如像KISSY中的valuechange事件一样,当我在输入框里面开始输入1的时候,那么之前值是undefined,现在的值是1,当我接着输入2时候,那么之前的值是1,现在的值是2.等,

取消chrome浏览器下input和textarea的默认样式;html5默认input内容清除“&#215;”按钮去除办法

取消chrome浏览器下input和textarea的默认样式: outline:none;/*清空chrome中input的外边框*/ html5默认input内容清除“×”按钮去除办法: input::-ms-clear { display: none; }

取消chrome浏览器下input和textarea的默认样式

最近一个细节引起了我的注意,chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,这是不能容忍的,影响美观不说,有时候拖动textarea还会使页面布局错乱,所以决定重置这些样式. 看代码: 取消chrome下input和textarea的聚焦边框: input,button,select,textarea{outline:none} 取消chrome下textarea可拖动放大: textarea{resize:none} 最

iScroll滚动区域中select、input、textarea元素无法点击的Bug修复

最近在一个项目中使用了iScroll4模拟滚动效果,调试过程中发现一个表单页中的所有表单项都无法点击聚焦, 如<select>.<input>.<textarea>.这是因为iScroll要监听整个页面事件,为了达到 最优效果,它默认禁用了所有元素的默认事件(但也有例外,如<a>默认事件不受影响),所以才造成这些表单元素点击没有反应,无法正常聚焦. 我们打开 iscroll.js ,找到这一行: onBeforeScrollStart : function(

chrome、safari中的input或textarea

1.去掉chrome.safari input或textarea在得到焦点时出现黄色边框的方法 input{ outline:0;} 2.去掉chrome.safari textarea右下角可拖动鼠标改变textarea大小的方法 textarea{ resize:none;} 集合: input,textarea{ outline:0; resize:none;} 3.input中文字垂直居中 input{ margin:0; padding:0;} .login input{ height

移动端设置input或者textarea宽度100%时不超出屏幕

父元素overflow:auto; input{ box-sizing: border-box; width: 100%; } 设置input或者textarea宽度100%时有padding值也不会超出出屏幕