HTML5.1textarea文本域标签(提供多行文本)label标签(绑定内容与表单标签的关系) 语义化标签
HTML5.1中的<textarea>
和<label>
标签用于创建多行文本输入区域和定义标签关联表单元素。以下是如何使用这两个标签的示例代码:
<!DOCTYPE html>
<html>
<head>
<title>Textarea and Label Example</title>
</head>
<body>
<form action="#">
<label for="message">Message:</label>
<textarea id="message" name="message" rows="4" cols="50">
请输入您的信息...
</textarea>
<input type="submit">
</form>
</body>
</html>
在这个例子中,<label>
标签通过for
属性指定与<textarea>
的id
值相同,以此来建立两者之间的关联。用户点击<label>
时,与之关联的表单元素(在这个例子中是<textarea>
)会获得焦点。<textarea>
允许用户输入多行文本,其中rows
和cols
属性分别指定了文本区域的行数和列数。当用户输入信息后,可以通过提交表单将信息发送到服务器。
评论已关闭