HTML中<input>和<textarea>的区别

在HTML中有两种方式表达文本框,一个是<input>元素的单行文本框,一种是<textarea>的多行文本框。

<input>元素:

1.一定要指定type的值为text;

2.通过size属性指定显示字符的长度,value属性指定初始值,Maxlength属性指定文本框可以输入的最长长度;

1  <input type="text" value="入门狗" size="10" Maxlength="15">

<textarea>元素

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

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

3.使用row、col指定大小

1 <textarea row="3" col="4">入门狗的博客园</textarea>

区别:一个是单行文本框,一个是多行文本框。

时间: 2024-11-05 15:53:05

HTML中<input>和<textarea>的区别的相关文章

input和textarea的区别

HTML中有两种方式表达文本框,一个是单行输入文本框input,另一个是多行输入文本框textarea <input>元素: 1.须指定type的值为text 2.通过size属性指定显示字符长度,value指定默认值,maxlength指定最大输入字符数 <input type="text" value="123" size="10" maxlength="20"> <textarea>元

native-base中Input,Textarea等组件在ios平台下不能输入中文

在上文react-native中TextInput在ios平台下不能输入中文已经解决. 但是在native-base中Input和Textarea都存在这样的问题.为了不要写多个组件,封装以下代码: import React from 'react'; import PropTypes from 'prop-types'; import { Platform, } from 'react-native'; import { Textarea, Input, } from 'native-base

jquery中:input和input的区别

:input表示选择表单中的input,select,textarea,button元素, input仅仅选择input元素. <button>和<input type="button"> 的区别 定义和用法 <button> 标签定义一个按钮. 在 button 元素内部,您可以放置内容,比如文本或图像.这是该元素与使用 input 元素创建的按钮之间的不同之处. <button> 控件 与 <input type="b

在表单(input)中id和name的区别

在表单(input)中id和name的区别  但是name在以下用途是不能替代的: 1. 表单(form)的控件名,提交的数据都用控件的name而不是id来控制.因为有许多name会同时对应多个控件,比如checkbox和radio,而id必须是全文档中唯一的.此外浏览器会根据name来设定发送到服务器的request.因此如果用id,服务器是无法得到数据的. 2. frame和window的名字,用于在其他frame或window指定target. 例如:<frameset cols="

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

Python中input()函数漏洞及与raw_input()函数区别

Python中input()函数漏洞 一.函数简介: input()函数是python中的内置函数,函数作用是从stdin中读取数据 喜欢python2的朋友都知道python中有两个常见的输入函数:input()函数和raw_input()函数,但是我们在写脚本使用输入函数的时候,往往会使用raw_input()函数.这是为什么?因为input()函数在python2中拥有非常大的安全隐患.所以当我们自学python的时候,课本上,老师说的都是推荐raw_input()函数.Input()函数

jquery中:input和input的区别分析

:input表示选择表单中的input,select,textarea,button元素,input仅仅选择input元素. <html> <head> <style> .focus{ background-color: blue } </style> </head> <body> <script type="text/javascript" src="scripts/jquery.1.6.1.mi

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

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