htmltextarea（HTML表单｜如何在HTML页面创建表单的文本域和密码域）
HTML 表单用于收集不同类型的用户输入，它是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。今天我们主要来说说文本域和密码域这两个部分，希望对大家学习有所帮助哟！
本文福利后台回复【学习】即可获得Python、HTML等编程学习资料
HTML 表单
表单使用表单标签 <form> 来设置:
<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>
HTML 表单 - 输入元素
多数情况下被用到的表单标签是输入标签（<input>）。输入类型是由类型属性（type）定义的。
如何在 HTML 页面创建文本域？
用户可以在文本域中写入文本，参考代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<form action="">
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>
<p><b>注意：</b> 表单本身是不可见的。并且注意一个文本字段的默认宽度是20个字符。</p>
</body>
</html>
运行结果为
如何创建 HTML 的密码域？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<form action="">
Username: <input type="text" name="user"><br>
Password: <input type="password" name="password">
</form>
<p><b>注意：</b> 密码字段中的字符是隐藏的(显示为星号或圆圈)。</p>
</body>
</html>
运行结果如下
戳了解更多免费领取HTML试听课~
- 发表于 2022-10-30 14:18
- 阅读 ( 138 )
- 分类：互联网
695 篇文章