整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
<script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>
HTML表单
HTML 表单用于搜集不同类型的用户输入。
<form> 元素
<form> 元素定义 HTML 表单：
语法：<form></form>
HTML 表单包含表单元素。
表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
<input> 元素有很多形态，根据不同的 type 属性。
1. 文本输入
<input type="text"> 定义用于文本输入的单行输入字段
2、密码框
<input type="password"> 定义单选按钮。
密码框是为了隐藏用户密码信息的输入框，语法形式与文本框差不多，不同的是类型 为 password。
3、单选按钮输入
<input type="radio"> 定义单选按钮。
单选按钮是在表单中有多个选项，且只能选一个的情况下使用。
注：checked表示默认选中项。
如：<input type="radio" name="sex"checked> 男
<input type="radio" name="sex"> 女
表示默认选中男项。
4、复选框（Checkboxes）
<input type="checkbox"> 定义了复选框。
复选框是可以选多个选项的选项框，与单选不同的是复选框可以选取多个选项，而且也可以默认几个选项都处于选中状态。
注：checked表示默认选中项。
如：<input type="checkbox" checked>
5、<select> 元素（下拉列表）
下拉列表是可以选择的列表，当在列表中选择要选的选项时使用，只能选其中一个选项（通过设置也可以选几项）。
语法：
<select>
<option>北京</option>
<option selected>上海</option>
</select>
注：selected 表示默认选中项
6、<textarea> 元素（文本域）
<textarea> 元素定义多行输入字段：
文本域是用在要输入多行文本，填写大量的文字时用到。
单标签
常见的语句：
form：表单标签格式
作用：用来收集用户输入信息如：登入、注册、搜索商品等
action：开始网址
method：get和post等等
text （明文）：用户名格式
password ：（密文）密码
radio ：单选框 性别格式 性别是单选,单选类型是radio,注意name要加上sex
checkbox：复选框
textarea：文本框
file：上传文件
select：下拉选择框
button：按钮
reset：重置
submit：提交
详解：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单标签</title>
</head>
<body>
<form action="https://hao.360.com/" method="post">
<p>账号:<input type="text" /></p>
<p>密码：<input type="password" /></p>
<p>
<input type="radio" name="sex" id="" />男
<input type="radio" name="sex" id="" />女
</p>
<p>
<input type="checkbox" name="" id="" value="" />linux
<input type="checkbox" name="" id="" value="" />mysql
<input type="checkbox" name="" id="" value="" />html
<input type="checkbox" name="" id="" value="" />python
</p>
<p>学历
<select name="">
<option value="">请选择学历</option>
<option value="">小学</option>
<option value="">初中</option>
<option value="">高中</option>
<option value="">大学</option>
</select>
</p>
<p>自我介绍：<br />
<textarea name="" rows="10" cols="30"></textarea>
</p>
<input type="reset" value="重置"/>
<input type="submit" value="提交"/>
<input type="button" value="按钮"/>
</form>
</body>
</html>
TML 表单用于收集不同类型的用户输入，它是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如：文本域(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试听课~
*请认真填写需求信息，我们会在24小时内与您取得联系。
