HTML——70. 多行文本输入框

html 复制代码
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>多行文本输入框</title>
	</head>
	<body>
		<!--单行文本输入框在输入长度超过文本框长度,则超出部分会被隐藏掉(即超出部分看不到,这对我们查看输入内容很不方便) -->
		
		<!--多行文本输入框:(像QQ聊天窗口可以输入很多文字且能看到)
			1.textarea标签
			2.文本输入区域可以容纳无限数量的文本
			3.多行文本输入框和单行文本输入框的属性差不多,都可以互通
			4.不要使用rows和cols设置多行文本输入框的行数和列数因为设置的不精确。应使用css设置宽高
			5.多行文本输入框可以在表单之外使用
			
			-->
		
		
		
		单行文本输入框:<input type="text"  />
		<br>
		<br>
		
		多行文本输入框:<textarea name="" style="width: 200px;height: 150px;"></textarea>
		
	</body>
</html>
相关推荐
鬼手点金16 小时前
Scrapy + Playwright 完整示例(JS 动态渲染网页)
开发语言·javascript·爬虫·python·scrapy·html·json
—Qeyser16 小时前
html 可视化海报模板编辑器
css·html·js
逝水无殇16 小时前
HTML 文本格式化详解:掌握 <strong>、<em>、<mark>、<del> 等常用标签
前端·javascript·html
我命由我123451 天前
CesiumJS 笔记 - 获取容器中心点、Cartesian3 clone 方法、修改 Cartesian3 对象的高度
前端·javascript·css·前端框架·html·html5·js
jackyrongvip2 天前
开源一个可以把HTML敏感词替换的页面小工具
开源·html·敏感词·ai脱敏
@Mike@2 天前
HTML核心知识点笔记
前端·笔记·html
IMPYLH3 天前
HTML 的 <figcaption> 元素
前端·html
IMPYLH3 天前
HTML 的 <figure> 元素
前端·javascript·html
richdata3 天前
动态OTB vs 静态OTB:鞋服零售该选哪种管理模式?
前端·html·零售
FungLeo4 天前
Flutter Web 中文字体困境与渲染器选择:CanvasKit vs HTML renderer 实战
前端·flutter·html