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>
相关推荐
霜落花轻扬12 小时前
在新选项卡中显示链接【html中 target=“_blank“】
前端·html
Revio Lab17 小时前
把 AI 生成的 HTML 当 Markdown 来管:Web-Doc 自托管文档站实践
前端·html·mcp·html文档
之歆1 天前
DAY_14JavaScript DOM 进阶:HTML DOM 接口、事件监听与经典交互实战
开发语言·前端·javascript·html·ecmascript·交互
ZC跨境爬虫1 天前
跟着 MDN 学 HTML day_64:从 object 到 iframe 的嵌入技术全面解析
开发语言·前端·javascript·ui·html·音视频
布兰妮甜1 天前
前端规范:Bootstrap 模态框标准结构 + 无障碍适配最佳实践(可直接复用)
bootstrap·html·模态框·前端规范·无障碍适配
ZC跨境爬虫1 天前
跟着 MDN 学 HTML day_63:(Web 中矢量图形的完整指南)
前端·javascript·数据库·ui·html
2601_958492551 天前
Optimizing Engagement with Freehead Skate - HTML5 Game - Construct 3
前端·html·html5
ZC跨境爬虫2 天前
跟着 MDN 学 HTML day_61:(构建反馈表单的结构化挑战)
前端·javascript·ui·html·音视频
软件开发技术深度爱好者2 天前
HTML实现DOCX文档版题库图文考试系统(修订)
前端·javascript·html
爱学习 爱分享2 天前
微信小程序html 在 webview 会打开再缩放一下
微信小程序·小程序·html