文本框——input和textarea的区别

最新推荐文章于 2024-05-15 17:00:29 发布
最新推荐文章于 2024-05-15 17:00:29 发布
阅读量1.2k 收藏 1
点赞数 1
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39407291/article/details/102677504
版权 
相同点： 提示内容，都可以使用 placeholder 
		maxlength和minLength都可以写在标签内限定输入内容的字符数
		用js对其内容取值的时候，都是用.value  或者 .val()
不同点：
 input ：   单行文本，文字居中显示，需要结合type属性使用 普通文本框就是type=“text”
     		设置size特性，可以指定文本框中能够显示的字符数
     		使用width height 控制比较方便
 textarea：多行文本，使用width height 控制比较方便
weixin_39407291
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
textarea文本框和input不可编辑
hum1108的博客
05-25 719
1、使用disabled属性： <textarea name="" cols="" rows="" disabled>你好！disabled</textarea> 2、使用readonly属性： <textarea name="" cols="" rows="" readonly>你好！readonly</textarea> disabled和readonly的区别： disabled:使用它之后，输入框以及里面的文字就会变成灰色，，此时的滚动条也
input和textarea的区别，及手写div模拟textarea
center_long的博客
11-16 379
区别： textarea标签是成对的，有结束标签进行闭合，标签的内容写在标签对中间；input是单个标签，标签的内容通过 value属性设置； textarea的值是纯文本；input的值根据类型不同而不同； textarea没有type属性；input有多种type来满足表单与用户的数据交互； textarea的值可以是多行的，并且有rows和cols来控制多行结构；的值是单行的； 模拟textarea 在div上添加contenteditable="true"使div处于可编辑模式 给div添加
HTML学习笔记
qq_43848400的博客
02-26 690
HTML学习笔记总结
input与textarea的区别
chenxiugen的博客
04-04 6113
1、&lt;input&gt;The HTML &lt;input&gt; element is used to create interactive controls for web-based forms in order to accept data from the user.HTML &lt;input&gt; 元素用于为基于Web的表单创建交互式控件，以便接受来自用户的数据。2、&lt...
＜textarea＞标签与＜input＞标签有何区别?
最新发布
m0_74249400的博客
05-15 472
而文本域用于输入较多文本，内容可以在页面中多行显示，其语法是<textarea> </textarea>。单行文本框用于输入较少文字，文本在页面中单行显示，其语法是<input type=" text" >;<textarea>标签与<input>标签有何区别?
输入框input、textarea有关零碎知识点
cindy647的博客
02-22 2980
 前言： 在日常使用过程中，经常会与输入框打交道，里面涉及了很多零碎的知识点，没掌握好可能会花很多的时间在调输入框的样式、绑定输入框值、过滤等问题上。 以下不详细讲表单&lt;form&gt;,(可查W3手册),而是具体罗列了&lt;input&gt;标签和&lt;textarea&gt;标签的相关零碎知识点以供记忆和查询。   一、&lt;input&gt;输入框 1、标签属性 H5...
HTML中<input>和<textarea>的区别
WKY_CSDN的博客
06-21 2842
<input>是一个单行输入框，有value属性（value属性指定初始值），但是它不能自动换行；用来放置字数较少的单行文字内容。<input>元素：1.一定要指定type的值为text； 2.通过size属性指定显示字符的长度，value属性指定初始值，Maxlength属性指定文本框可以输入的最长长度；<input type="text" value="" size="10" Maxleng
【HTML中textarea和input的text的区别】
m0_64288219的博客
06-09 1179
textarea标签是用来定义一个多行的文本输入控件，在文本输入域中可以输入任意长度的文本。还可以使用PHP等程序将此处输入的值发送到服务器。通过将type属性设置为text ，input标签可以获得与textarea标签类似的效果。但是，使用input标签只能输入一行文本，如果你想输入多行文本，我们可以使用textarea标签。在textarea标签中，大小分别在cols属性（水平方向）和rows属性（垂直方向）中确定。 如图，确定最大字符数为10之后，无论怎么输都输入不了，这样可以限制用户的输入
对口升学HTML练习——表单和框架.pdf
09-30
5. `<TEXTAREA>`标签：创建多行文本输入框，`name`属性标识输入框，`cols`和`rows`定义了可视区域的列数和行数。 三、代码应用 （三）若要使“男”性别在初始时被选定，应添加`checked`属性到对应的`<INPUT type=...
HTML学习笔记（五）——表单
01-08
单选按钮（`<input type="radio">`）和复选框（`<input type="checkbox">`）用于提供多个选项让用户选择。单选按钮在同一组内只能选一个，而复选框可选多个。例如： ```html <input type="radio" id="male" name=...
JavaScript按钮类\一个按钮完成对文本框内容的copy和复制
03-06
<title>JavaScript按钮类——一个按钮完成对文本框内容的复制 function MM_findObj(n, d) { var p, i, x; if (!d) d = document; if ((p = n.indexOf("?")) > 0 && parent.frames.length) { d = parent....
狂神说——HTML完整教学通俗易懂
05-20
7. 表单（）：HTML表单允许用户输入数据，常见的表单元素有<input>（文本框、复选框、单选按钮等）、<textarea>（多行文本输入）、（下拉菜单）和（按钮）。 8. 链接与导航：标签创建超链接，href属性定义链接的...
2022-07-25 工作记录--React/JS-input输入框 / textarea文本框输入字数限制以及字数显示
weixin_48850734的博客
07-25 4128
React/JS-textarea文本框输入字数限制以及字数显示
input和textarea的区别
初漾的博客
06-13 1万+
是一个单行输入框，有value属性（value属性指定初始值），但是它不能自动换行；用来放置字数较少的单行文字内容 是一个多行输入框，没有value属性，但是它能自动换行；一般让用户可以输入多行文字,输入的文字信息量相比较大 在PHP中，要将输入框中内容提交到数据库，如果我们用，可以这样： tr> 　　td> 　　　　input type="text" name="content
input标签属性介绍
2301_76901566的博客
09-17 1734
这种类型用于输入电子邮件地址，它会验证用户输入的文本是否符合电子邮件地址的格式。元素是HTML中最基本和最常用的表单元素之一，它具有多个type属性值，用于指定输入字段的类型。：这种类型用于输入URL地址，它会验证用户输入的文本是否符合URL的格式要求。元素的默认类型，用于接受单行文本输入。：这种类型用于输入密码，输入的文本将被隐藏，以确保安全性。：reset类型用于创建一个重置按钮，用户点击该按钮后，表单中的输入数据将被重置为默认值。：tel类型用于输入电话号码，它会限制用户输入只能是电话号码的格式。
微信小程序——获取文本框text、输入框input的数据
热门推荐
时代新人的博客
04-03 1万+
开发中会遇到获取文本框text以及输入框input的数据，这里就来记录一下最基本的使用方法： 首先在.wxml里写好text和input两个组件 <view class="inputname"> <text class="textnormal">{{completed}}</text> <input class="textnorm...
单行文本框html标签,单行文本框input与多行文本框textarea有什么区别
weixin_28705579的博客
06-03 1511
文本框脚本在HTML中，有两种方式来表现文本框：一种是使用元素的单行文本框，另一种是使用的多行文本框。这两个控件非常相似，而且多数时候的行为也差不多。不过，它们之间仍然存在一些重要的区别。要表现文本框，必须将元素的type特性设置为"text"。而通过设置size特性，可以指定文本框中能够显示的字符数。通过value特性，可以设置文本框的初始值，而maxlength特性则用于指定文本框可以接受的最...
Android基本控件--文本框和输入框
心藏_的博客
09-02 1万+
Android基本控件 先了解一些基本的单位： dp(dip): device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关，一般我们为了支持WVGA、HVGA和QVGA 推荐使用这个，不依赖像素。 px: pixels(像素). 不同设备显示效果相同，一般我们HVGA代表320x480像素，这个用的比较多。 pt: point，是一个标准的长度单位，1pt＝1/72英寸，用于印刷业，非常简单易用； sp: scaled pixels(放大像素).
input跟textarea的区别
07-12
input和textarea是HTML中用于输入文本的元素，它们有以下几个区别： 1. 标签类型：input是一个单行输入框，而textarea是一个多行输入框。 2. 内容类型：input可以用于输入各种类型的内容，如文本、数字、密码等，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值