表单元素是许可用户在表单中输入内容,比如:文本域(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试听课~