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>
相关推荐
a11177610 小时前
“黑夜流星“个人引导页 网页html
java·前端·html
JieE21211 小时前
手把手带你用纯 CSS 实现一个 3D 旋转魔方,这些前端基础你能打几分?
前端·css·html
YHL13 小时前
🧊 CSS 3D 硬核解析:四个属性手写旋转立方体
前端·css·html
a11177613 小时前
无限森林漫游(简约几何版 html
前端·html
LaughingZhu15 小时前
Product Hunt 每日热榜 | 2026-06-16
前端·人工智能·经验分享·chatgpt·html
m0_547486661 天前
《HTML+CSS+JavaScript+Vue前端开发技术教程》全套PPT课件
javascript·css·html
fastjson_1 天前
Edge浏览器开启IE兼容模式
javascript·edge·html
艾伦野鸽ggg1 天前
web 组大一下第二次考核
前端·css·html
货拉拉技术2 天前
Huolala Figma MCP 原理与实践
人工智能·前端框架·html
TA远方2 天前
【HTML】JavaScript Canvas 图像截取与保存完整指南
前端·javascript·html·canvas·截图·截取