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>
相关推荐
ZC跨境爬虫18 小时前
跟着 MDN 学CSS day_37:(从文档流到粘性定位的底层原理)
前端·javascript·css·ui·html
ZC跨境爬虫19 小时前
跟着 MDN 学CSS day_40:(Flexbox实战技能测试)
前端·css·ui·html·tensorflow
LaughingZhu1 天前
Product Hunt 每日热榜 | 2026-05-31
前端·人工智能·经验分享·搜索引擎·chatgpt·html
Xp021911031 天前
知网研学、万方、WPS、大以论文四大排版工具横评,新用户免费排版等你领!
前端·css·html·生活·wps·论文排版
江湖伤心人1 天前
工具分享--IP与域名提取工具3.0
html·蓝队监测
new【一个】对象1 天前
前端的概述
html
ZC跨境爬虫1 天前
跟着 MDN 学CSS day_42:等分轨道、层叠放置与混合布局
前端·javascript·css·ui·html
神奇的代码在哪里1 天前
【单机离线版】大学考试题库复习工具:前端离线Excel解析 + localStorage持久化 + Playwright
前端·html·ai编程·题库复习·刷题软件·大学考试
神奇的代码在哪里1 天前
【单机离线版】excel转json软件,纯HTML+JS零依赖实现Excel转JSON工具,一个index.html搞定所有转换!
html·json·excel·excel转json·xlsx转json·xls转json
lolo大魔王1 天前
Gin 框架响应格式与 HTML 模板渲染完整实战教程
前端·html·gin