快捷搜索:  汽车  科技

html表单中密码框的基本语法(如何在HTML页面创建表单的文本域和密码域)

html表单中密码框的基本语法(如何在HTML页面创建表单的文本域和密码域)</form>Last name: <input type="text" name="lastname">表单使用表单标签 <form> 来设置:<form>First name: <input type="text" name="firstname"><br>

html 表单用于收集不同类型的用户输入,它是一个包含表单元素的区域。

表单元素是允许用户在表单中输入内容 比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。今天我们主要来说说文本域和密码域这两个部分,希望对大家学习有所帮助哟!

html表单中密码框的基本语法(如何在HTML页面创建表单的文本域和密码域)(1)

本文福利后台回复【学习】即可获得Python、HTML等编程学习资料

HTML 表单

表单使用表单标签 <form> 来设置:

<form>

First name: <input type="text" name="firstname"><br>

Last name: <input type="text" name="lastname">

</form>

html表单中密码框的基本语法(如何在HTML页面创建表单的文本域和密码域)(2)


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表单中密码框的基本语法(如何在HTML页面创建表单的文本域和密码域)(3)

如何创建 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表单中密码框的基本语法(如何在HTML页面创建表单的文本域和密码域)(4)


戳了解更多免费领取HTML试听课~

猜您喜欢: