HTML基础--Form表单--内联元素

表单是由容器和控件组成的,一个表单一般应该包含用户填写信息的输入框,按钮等，这些输入框,按钮叫做控件,表单就是容器,它能够容纳各种各样的控件

<form action="url" method="get|post" name="myform">form>

属性说明

action服务器地址

name表单名称

method中Get和Post的区别

1. 数据提交方式，get把提交的数据url可以看到，post看不到
2. get一般用于提交少量数据，post用来提交大量数据

表单元素

一个完整的表单包含三个基本组成部分：表单标签、表单域、表单按钮

1. 表单标签
2. 表单域
3. 表单按钮

<form>
  <input type="text">
  <input type="submit">
form>

创建表单 ()

 使用标签来创建表单。表单需要指定action属性，该属性表示数据提交的目标URL，以及可选的method属性，指定提交数据的HTTP方法（通常为GET或POST）。

<form action="/submit" method="POST">
    
form>

文本输入 ()

 使用文本输入框来收集用户的文本输入。 

<input type="text" name="username" placeholder="请输入用户名">

密码输入

()： 使用密码输入框来收集用户的密码。 

<input type="password" name="password" placeholder="请输入密码">

温馨提示

密码字段字符不会明文显示，而是以星号或圆点替代

单选按钮 () 和 复选框 ()

 使用单选按钮和复选框来收集用户的单选和多选选择。 

<input type="radio" name="gender" value="male"> 男性
<input type="radio" name="gender" value="female"> 女性
 
<input type="checkbox" name="interest" value="sports"> 体育
<input type="checkbox" name="interest" value="music"> 音乐

下拉列表 () 和 选项 ()

 使用下拉列表来让用户从预定义的选项中选择。 

<select name="country">
    <option value="usa">美国option>
    <option value="canada">加拿大option>
    <option value="uk">英国option>
select>

提交按钮 (

)

<input type="submit" value="提交">

<input type="reset" value="重置">

<input type="hidden" name="token" value="abcdef123456">