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>
相关推荐
GDAL2 小时前
Gin c.HTML 完整教程
html·gin
ZC跨境爬虫2 小时前
跟着 MDN 学 HTML day_58:(构建行星数据表——HTML表格高级实战指南)
前端·javascript·ui·html·音视频
栉甜2 小时前
APIs学习
前端·javascript·css·学习·html
Dxy12393102162 小时前
HTML的Iframe详解
前端·html
ZC跨境爬虫4 小时前
跟着 MDN 学 HTML day_60:(表单与按钮技能测试实战)
服务器·前端·javascript·数据库·ui·html
2601_958492554 小时前
A Technical Log: Hosting Gravity Dunk - HTML5 Casual game
前端·html·html5
ZHOUPUYU4 小时前
PHP8高性能Web开发实战指南
后端·html·php
LaughingZhu5 小时前
Product Hunt 每日热榜 | 2026-05-17
前端·人工智能·chatgpt·html
2601_958492555 小时前
Behavioral Analysis of HTML5 Trivia Integration
前端·html·html5
ZC跨境爬虫5 小时前
跟着 MDN 学 HTML day_59:HTML表单与按钮——构建用户交互的基石
前端·javascript·ui·html·交互·媒体